#02a598
Hex Color CodeThe hexadecimal color code #02a598
is a medium dark shade of cyan. In the RGB color model #02a598
is comprised of 0.78% red, 64.71% green and 59.61% blue. In the HSL color space #02a598
has a hue of 175.21 degrees, 97.6% saturation and 32.75% lightness. This color has an approximate wavelength of 510 nm.
#02a598
Color InformationInverted
#fd5a67 25% Saturated
#00a699 Grayscale
#535353
25% Lighter
#02cebe Original
#02a598 25% Darker
#017b72
lightseagreen
#20b2aa 25% Desaturated
#169086 Web Safe: teal
#008080
rgb(2, 165, 152)
rgba(2, 165, 152, 1.0)
red: 0.7843%, yellow: 34.0725%, blue: 64.7059%
#02a598
173464
-16603752 / 0xff02a598
hsl(175, 98%, 33%)
hsla(175, 98%, 33%, 1.0)
hue: 175 (175.2147), saturation: 99 (98.7879), value: 65 (64.7059)
X: 19.1477, Y: 29.1902, Z: 34.3308
x: 0.2316, y: 0.3531, Y: 29.1902
L: 60.9491, a: -38.5682, b: -3.4542
L: 60.9491, u: -48.3873, v: 0.6319
L: 60.9491, C: 38.7225, H: 185.1178
L: 54.0279, a: -31.2879, b: 0.145
cyan: 99 (0.9879), magenta: 0 (0), yellow: 8 (0.0788), key: 35 (0.3529)
cyan: 99 (0.9922), magenta: 35 (0.3529), yellow: 40 (0.4039)
Y: 114.781, I: -92.9253, Q: -38.5121
Y: 114.781, U: 18.3158, V: -98.9449
Y: 114.781, Db: 56.021, Dr: 214.458
Y: 114.57, Cb: 146.417, Cr: 57.366
Y: 129.345, Pb: 12.245, Pr: -80.902
2.5BG 6/8 approximate; exact match: Munsell 2.5BG 6/8 / #12a69a
#02a598
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a598
to White#02a598
to Black#02a598
foreground
<p style="color: #02a598">#02a598 foreground</p>
#02a598
background
<p style="background-color: #02a598; color: #fff">#02a598 background</p>
#02a598
border
<p style="border: #02a598 3px solid">#02a598 border</p>
#02a598
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a598, #fff); background: -webkit-radial-gradient(50% 50%, #02a598, #fff); background: -o-radial-gradient(50% 50%, #02a598, #fff); background: -ms-radial-gradient(50% 50%, #02a598, #fff); background: radial-gradient(50% 50%, #02a598, #fff); color: #fff">#02a598 radial gradient</p>
#02a598
linear gradient to complementary #a4020e
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a598, #a4020e); background: -webkit-linear-gradient(top, #02a598, #a4020e); background: -o-linear-gradient(top, #02a598, #a4020e); background: -ms-linear-gradient(top, #02a598, #a4020e); background: linear-gradient(top, #02a598, #a4020e); color: #fff">
#02a598
linear gradient to complementary #a4020e
</p>
#02a598
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a598">#02a598 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a598
hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #02a598
.
Jump to paint brand: