#3AFFFF
A light, vivid cyan closely aligning with Aqua.
About #3AFFFF
The precise color #3AFFFF is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Aqua. In the RGB color space, it consists of 58 red, 255 green, and 255 blue.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 77% cyan, 0% magenta, 0% yellow, and 0% black. The HSL representation is 180.0° hue, 100.0% saturation, and 61.4% lightness.
Contrast ratios determine whether this color is safe for typography. Because it is a light color, it is generally recommended to use #000000 text. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#3AFFFF
RGB58, 255, 255
HSL180.0°, 100.0%, 61.4%
CMYK77%, 0%, 0%, 0%
HSV180.0°, 77.3%, 100.0%
LAB91.5, -45.4, -13.5
XYZ55.6, 79.6, 107.1
Decimal3866623
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.24:1
Text on #FFFFFF
FAIL
16.93:1
Text on #000000
AAA
1.19:1
Text on #F8FAFC
FAIL
14.39:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #3AFFFF;
}
.text-color {
color: #3AFFFF;
}
.border-color {
border: 2px solid #3AFFFF;
}