#02c5e3
Hex Color CodeThe hexadecimal color code #02c5e3
is a shade of cyan. In the RGB color model #02c5e3
is comprised of 0.78% red, 77.25% green and 89.02% blue. In the HSL color space #02c5e3
has a hue of 188 degrees, 98.25% saturation and 44.9% lightness. This color has an approximate wavelength of 502 nm.
#02c5e3
Color InformationInverted
#fd3a1c 25% Saturated
#00c6e4 Grayscale
#727272
25% Lighter
#21dffd Original
#02c5e3 25% Darker
#0193aa
darkturquoise
#00ced1 25% Desaturated
#1eb0c6 Web Safe: aqua
#00ffff
rgb(2, 197, 227)
rgba(2, 197, 227, 1.0)
red: 0.7843%, yellow: 41.7507%, blue: 89.0196%
#02c5e3
181731
-16595485 / 0xff02c5e3
hsl(188, 98%, 45%)
hsla(188, 98%, 45%, 1.0)
hue: 188 (188), saturation: 99 (99.1189), value: 89 (89.0196)
X: 33.8564, Y: 45.4915, Z: 79.6694
x: 0.2129, y: 0.2861, Y: 45.4915
L: 73.2143, a: -30.1088, b: -26.4039
L: 73.2143, u: -53.3647, v: -37.8117
L: 73.2143, C: 40.0463, H: 221.2491
L: 67.4474, a: -28.4316, b: -22.8207
cyan: 99 (0.9912), magenta: 13 (0.1322), yellow: 0 (0), key: 11 (0.1098)
cyan: 99 (0.9922), magenta: 23 (0.2275), yellow: 11 (0.1098)
Y: 142.115, I: -125.8025, Q: -31.8999
Y: 142.115, U: 41.7723, V: -122.9253
Y: 142.115, Db: 127.74, Dr: 266.445
Y: 138.048, Cb: 170.03, Cr: 40.265
Y: 157.625, Pb: 37.425, Pr: -98.88
2.5B 7/8 approximate; exact match: Munsell 2.5B 7/8 / #3abedb
#02c5e3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02c5e3
to White#02c5e3
to Black#02c5e3
foreground
<p style="color: #02c5e3; background-color: #000">#02c5e3 foreground</p>
#02c5e3
background
<p style="background-color: #02c5e3">#02c5e3 background</p>
#02c5e3
border
<p style="border: #02c5e3 3px solid">#02c5e3 border</p>
#02c5e3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c5e3, #fff); background: -webkit-radial-gradient(50% 50%, #02c5e3, #fff); background: -o-radial-gradient(50% 50%, #02c5e3, #fff); background: -ms-radial-gradient(50% 50%, #02c5e3, #fff); background: radial-gradient(50% 50%, #02c5e3, #fff)">#02c5e3 radial gradient</p>
#02c5e3
linear gradient to complementary #e31f01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c5e3, #e31f01); background: -webkit-linear-gradient(top, #02c5e3, #e31f01); background: -o-linear-gradient(top, #02c5e3, #e31f01); background: -ms-linear-gradient(top, #02c5e3, #e31f01); background: linear-gradient(top, #02c5e3, #e31f01); color: #000">
#02c5e3
linear gradient to complementary #e31f01
</p>
#02c5e3
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c5e3">#02c5e3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02c5e3
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 #02c5e3
.
Jump to paint brand: