#00bfd4 hex color

In a RGB color space, hex #00bfd4 is composed of 0% red, 74.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 9.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 185.9 degrees, a saturation of 100% and a lightness of 41.6%. #00bfd4 color hex could be obtained by blending #00ffff with #007fa9. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 75
- B 83
RGB color chart
- C 100
- M 10
- Y 0
- K 17
CMYK color chart

● #00bfd4 color description : Strong cyan.

The hexadecimal color #00bfd4 has RGB values of R:0, G:191, B:212 and CMYK values of C:1, M:0.1, Y:0, K:0.17. Its decimal value is 49108.

Hex triplet	00bfd4	`#00bfd4`
RGB Decimal	0, 191, 212	`rgb(0,191,212)`
RGB Percent	0, 74.9, 83.1	`rgb(0%,74.9%,83.1%)`
CMYK	100, 10, 0, 17
HSL	185.9°, 100, 41.6	`hsl(185.9,100%,41.6%)`
HSV (or HSB)	185.9°, 100, 83.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.879, -32.125, -21.818
XYZ	30.511, 42.012, 68.785
xyY	0.216, 0.297, 42.012
CIE-LCH	70.879, 38.833, 214.183
CIE-LUV	70.879, -52.596, -29.715
Hunter-Lab	64.817, -29.404, -17.548
Binary	00000000, 10111111, 11010100

#00bfd4
```
#00bfd4 rgb(0,191,212)
```
#d41500
```
#d41500 rgb(212,21,0)
```

Complementary Color

#00d47f
```
#00d47f rgb(0,212,127)
```
#00bfd4
```
#00bfd4 rgb(0,191,212)
```
#0055d4
```
#0055d4 rgb(0,85,212)
```

Analogous Color

#d47f00
```
#d47f00 rgb(212,127,0)
```
#00bfd4
```
#00bfd4 rgb(0,191,212)
```
#d40055
```
#d40055 rgb(212,0,85)
```

Split Complementary Color

#bfd400
```
#bfd400 rgb(191,212,0)
```
#00bfd4
```
#00bfd4 rgb(0,191,212)
```
#d400bf
```
#d400bf rgb(212,0,191)
```

Triadic Color

#00d415
```
#00d415 rgb(0,212,21)
```
#00bfd4
```
#00bfd4 rgb(0,191,212)
```
#d400bf
```
#d400bf rgb(212,0,191)
```
#d41500
```
#d41500 rgb(212,21,0)
```

Tetradic Color

#007a88
```
#007a88 rgb(0,122,136)
```
#0091a1
```
#0091a1 rgb(0,145,161)
```
#00a8bb
```
#00a8bb rgb(0,168,187)
```
#00bfd4
```
#00bfd4 rgb(0,191,212)
```
#00d6ee
```
#00d6ee rgb(0,214,238)
```
#08e7ff
```
#08e7ff rgb(8,231,255)
```
#22e9ff
```
#22e9ff rgb(34,233,255)
```

Monochromatic Color

Below, you can see some colors close to #00bfd4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#00d4b4
```
#00d4b4 rgb(0,212,180)
```
#00d4c6
```
#00d4c6 rgb(0,212,198)
```
#00d1d4
```
#00d1d4 rgb(0,209,212)
```
#00bfd4
```
#00bfd4 rgb(0,191,212)
```
#00add4
```
#00add4 rgb(0,173,212)
```
#009cd4
```
#009cd4 rgb(0,156,212)
```
#008ad4
```
#008ad4 rgb(0,138,212)
```

Similar Colors

Text with hexadecimal color #00bfd4

This text has a font color of #00bfd4.

<span style="color:#00bfd4;">Text here</span>

#00bfd4 background color

This paragraph has a background color of #00bfd4.

<p style="background-color:#00bfd4;">Content here</p>

#00bfd4 border color

This element has a border color of #00bfd4.

<div style="border:1px solid #00bfd4;">Content here</div>

CSS codes

.text {color:#00bfd4;}

.background {background-color:#00bfd4;}

.border {border:1px solid #00bfd4;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000e10 is the darkest color, while #fbffff is the lightest one.

#000e10
```
#000e10 rgb(0,14,16)
```
#002023
```
#002023 rgb(0,32,35)
```
#003237
```
#003237 rgb(0,50,55)
```
#00434b
```
#00434b rgb(0,67,75)
```
#00555e
```
#00555e rgb(0,85,94)
```
#006772
```
#006772 rgb(0,103,114)
```
#007886
```
#007886 rgb(0,120,134)
```
#008a99
```
#008a99 rgb(0,138,153)
```
#009cad
```
#009cad rgb(0,156,173)
```
#00adc0
```
#00adc0 rgb(0,173,192)
```
#00bfd4
```
#00bfd4 rgb(0,191,212)
```
#00d1e8
```
#00d1e8 rgb(0,209,232)
```
#00e2fb
```
#00e2fb rgb(0,226,251)
```

Shade Color Variation

#10e7ff
```
#10e7ff rgb(16,231,255)
```
#23e9ff
```
#23e9ff rgb(35,233,255)
```
#37ebff
```
#37ebff rgb(55,235,255)
```
#4bedff
```
#4bedff rgb(75,237,255)
```
#5eefff
```
#5eefff rgb(94,239,255)
```
#72f1ff
```
#72f1ff rgb(114,241,255)
```
#86f3ff
```
#86f3ff rgb(134,243,255)
```
#99f5ff
```
#99f5ff rgb(153,245,255)
```
#adf7ff
```
#adf7ff rgb(173,247,255)
```
#c0f9ff
```
#c0f9ff rgb(192,249,255)
```
#d4fbff
```
#d4fbff rgb(212,251,255)
```
#e8fdff
```
#e8fdff rgb(232,253,255)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #627172 is the less saturated color, while #00bfd4 is the most saturated one.

#627172
```
#627172 rgb(98,113,114)
```
#5a777a
```
#5a777a rgb(90,119,122)
```
#527e82
```
#527e82 rgb(82,126,130)
```
#49848b
```
#49848b rgb(73,132,139)
```
#418b93
```
#418b93 rgb(65,139,147)
```
#39919b
```
#39919b rgb(57,145,155)
```
#3198a3
```
#3198a3 rgb(49,152,163)
```
#299eab
```
#299eab rgb(41,158,171)
```
#21a5b3
```
#21a5b3 rgb(33,165,179)
```
#18abbc
```
#18abbc rgb(24,171,188)
```
#10b2c4
```
#10b2c4 rgb(16,178,196)
```
#08b8cc
```
#08b8cc rgb(8,184,204)
```
#00bfd4
```
#00bfd4 rgb(0,191,212)
```

Tone Color Variation

Below, you can see how #00bfd4 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#888888 Achromatopsia 0.005% of the population
#6d9397 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb0cb Protanopia 1% of men
#a9aedd Deuteranopia 1% of men
#00c2d1 Tritanopia 0.001% of the population

Trichromacy

#6db5ce Protanomaly 1% of men, 0.01% of women
#6bb4da Deuteranomaly 6% of men, 0.4% of women
#00c1d2 Tritanomaly 0.01% of the population

#00bfd4 hex color

#00bfd4 Color Information

#00bfd4 Color Conversion

Color Schemes with #00bfd4

Alternatives to #00bfd4

#00bfd4 Preview

Shades and Tints of #00bfd4

Tones of #00bfd4

Color Blindness Simulator