Color Charts
RGB
CMYK
RYB
#02b0dd Hex Color CodeThe hexadecimal color code #02b0dd is a shade of cyan. In the RGB color model #02b0dd is comprised of 0.78% red, 69.02% green and 86.67% blue. In the HSL color space #02b0dd has a hue of 192.33 degrees, 98.21% saturation and 43.73% lightness. This color has an approximate wavelength of 499 nm.
#02b0dd Color InformationInverted
#fd4f22 25% Saturated
#00b1df Grayscale
#6f6f6f
25% Lighter
#19cefc Original
#02b0dd 25% Darker
#0183a5
deepskyblue
#00bfff 25% Desaturated
#1d9fc1 Web Safe: teal
#008080
rgb(2, 176, 221)
rgba(2, 176, 221, 1.0)
red: 0.7843%, yellow: 38.8086%, blue: 86.6667%
#02b0dd
176349
-16600867 / 0xff02b0dd
hsl(192, 98%, 44%)
hsla(192, 98%, 44%, 1.0)
hue: 192 (192.3288), saturation: 99 (99.095), value: 87 (86.6667)
X: 28.6015, Y: 36.284, Z: 73.9027
x: 0.2061, y: 0.2614, Y: 36.284
L: 66.7364, a: -21.5642, b: -33.1151
L: 66.7364, u: -46.7231, v: -49.7565
L: 66.7364, C: 39.5174, H: 236.9283
L: 60.2362, a: -20.6576, b: -30.5764
cyan: 99 (0.991), magenta: 20 (0.2036), yellow: 0 (0), key: 13 (0.1333)
cyan: 99 (0.9922), magenta: 31 (0.3098), yellow: 13 (0.1333)
Y: 129.104, I: -118.1114, Q: -22.7923
Y: 129.104, U: 45.2224, V: -111.5104
Y: 129.104, Db: 138.285, Dr: 241.707
Y: 126.876, Cb: 173.507, Cr: 48.419
Y: 142.178, Pb: 42.51, Pr: -89.07
5B 6/8 approximate; exact match: Munsell 5B 6/8 / #18a1c9
#02b0dd / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b0dd to White#02b0dd to Black#02b0dd foreground
<p style="color: #02b0dd; background-color: #000">#02b0dd foreground</p>
#02b0dd background
<p style="background-color: #02b0dd">#02b0dd background</p>
#02b0dd border
<p style="border: #02b0dd 3px solid">#02b0dd border</p>
#02b0dd radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b0dd, #fff); background: -webkit-radial-gradient(50% 50%, #02b0dd, #fff); background: -o-radial-gradient(50% 50%, #02b0dd, #fff); background: -ms-radial-gradient(50% 50%, #02b0dd, #fff); background: radial-gradient(50% 50%, #02b0dd, #fff)">#02b0dd radial gradient</p>
#02b0dd linear gradient to complementary #dd2e01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b0dd, #dd2e01); background: -webkit-linear-gradient(top, #02b0dd, #dd2e01); background: -o-linear-gradient(top, #02b0dd, #dd2e01); background: -ms-linear-gradient(top, #02b0dd, #dd2e01); background: linear-gradient(top, #02b0dd, #dd2e01); color: #000">#02b0dd linear gradient to complementary #dd2e01</p>
#02b0dd text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b0dd">#02b0dd text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b0dd 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 #02b0dd.
Jump to paint brand: