Encycolorpedia

#00baff Hex Color Code

#00baff Paint ChipThe hexadecimal color code #00baff is a shade of cyan. In the RGB color model #00baff is comprised of 0% red, 72.94% green and 100% blue. In the HSL color space #00baff has a hue of 196° (degrees), 100% saturation and 50% lightness. This color has an approximate wavelength of 480.95 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange) Sketch Palette

#00baff linear gradient to complementary #d5852a

  1. #00baff
  2. #73b1dc
  3. #98a8b9
  4. #b0a097
  5. #c09775
  6. #cc8e52
  7. #d5852a

Monochromatic Colors

  1. #0099db
  2. #00a4e7
  3. #00aff3
  4. #00baff
  5. #2cc5ff
  6. #42d1ff
  7. #55ddff

Tones

  1. #00baff
  2. #45b0e9
  3. #5da6d3
  4. #6b9cbe
  5. #7593a9
  6. #7c8994
  7. #808080

Tints and Shades

#00baff to white

  1. #00baff
  2. #60c5ff
  3. #8ad1ff
  4. #abdcff
  5. #c9e8ff
  6. #e5f3ff
  7. #ffffff

#00baff to black

  1. #00baff
  2. #1b98d0
  3. #2278a2
  4. #215977
  5. #1d3c4e
  6. #142129
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Chrysler

    1. Blue
      #4cb9fa
      ΔE = 2.364 / LRV ≈ 43.1%
  2. Ford

    1. Blue
      #4cb9fa
      ΔE = 2.364 / LRV ≈ 43.1%

#00baff HTML / CSS Code Examples

#00baff foreground

I found I could say things with color and shapes that I couldn't say any other way--things I had no words for.

Georgia O'Keeffe
<p style="color: #00baff">…</p>

#00baff background

It took me four years to paint like Raphael, but a lifetime to paint like a child.

Pablo Picasso
<p style="background-color: #00baff">…</p>

#00baff shadow

I am seeking. I am striving. I am in it with all my heart.

Vincent van Gogh
<p style="text-shadow: 0.1em 0.1em 0.15em #00baff">…</p>

Color Charts

Color Space Conversions

Decimal
47871
Binary
00000000, 10111010, 11111111
Hexadecimal
#00baff
LRV
≈ 42.3%
Closest short hex
#1bf ΔE = 0.441
RGB
rgb(0, 186, 255)
RGBA
rgba(0, 186, 255, 1.0)
rg chromaticity
r: 0.000, g: 0.422, b: 0.578
RYB
red: 0.000%, yellow: 0.422%, blue: 1.000%
Android / android.graphics.Color
-16729345 / 0xff00baff
HSL
hsl(196, 100%, 50%)
HSLA
hsla(196, 100%, 50%, 1.0)
HSV / HSB
hue: 196° (196.235), saturation: 100% (1.000), value: 100% (1.000)
HSP
hue: 196.235, saturation: 100.000%, perceived brightness: 65.292%
HSLuv (HUSL)
H: 236.168, S: 100.019, L: 71.100
Cubehelix
H: -170.605, S: 1.478, L: 0.540
TSL
T: -1.810, S: 0.463, L: 0.542
CMYK
cyan: 100% (1.000), magenta: 27% (0.271), yellow: 0% (0.000), key: 0% (0.000)
CMY
cyan: 100% (1.000), magenta: 27% (0.271), yellow: 0% (0.000)
XYZ
X: 35.601, Y: 42.333, Z: 100.883
xyY
x: 0.199, y: 0.237, Y: 42.333
CIELab
L: 71.100, a: -15.007, b: -44.804
CIELuv
L: 71.100, u: -47.619, v: -71.047
CIELCH / LCHab
L: 71.100, C: 47.251, H: 251.482
CIELUV / LCHuv
L: 71.100, C: 85.529, H: 236.168
Hunter-Lab
L: 65.064, a: -16.190, b: -46.386
CIECAM02
J: 60.145, C: 63.001, h: 233.194, Q: 152.796, M: 55.093, s: 60.047, H: 295.020
OSA-UCS
lightness: -10.261, jaune: -7.655, green: 5.549
LMS
L: 27.892, M: 47.426, S: 99.891
YCbCr
Y: 134.734, Cb: 185.819, Cr: 41.447
YCgCo
Y: 156.750, Cg: 29.250, Co: -63.750
YDbDr
Y: 138.252, Db: 175.677, Dr: 262.911
YPbPr
Y: 151.350, Pb: 55.890, Pr: -96.174
xvYCC
Y: 145.983, Cb: 177.096, Cr: 43.518
YIQ
Y: 138.252, I: -132.970, Q: -17.863
YUV
Y: 138.252, U: 57.452, V: -121.291
Munsell Color System
2.5PB 6/10 ΔE = 7.424
Brand Color
Skype ΔE = 3.928

Random Colors

Red

Green

Blue