#00b4dd hex color

In a RGB color space, hex #00b4dd is composed of 0% red, 70.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 18.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 191.1 degrees, a saturation of 100% and a lightness of 43.3%. #00b4dd color hex could be obtained by blending #00ffff with #0069bb. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 71
- B 87
RGB color chart
- C 100
- M 19
- Y 0
- K 13
CMYK color chart

● #00b4dd color description : Pure (or mostly pure) cyan.

The hexadecimal color #00b4dd has RGB values of R:0, G:180, B:221 and CMYK values of C:1, M:0.19, Y:0, K:0.13. Its decimal value is 46301.

Hex triplet	00b4dd	`#00b4dd`
RGB Decimal	0, 180, 221	`rgb(0,180,221)`
RGB Percent	0, 70.6, 86.7	`rgb(0%,70.6%,86.7%)`
CMYK	100, 19, 0, 13
HSL	191.1°, 100, 43.3	`hsl(191.1,100%,43.3%)`
HSV (or HSB)	191.1°, 100, 86.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	67.917, -23.684, -31.285
XYZ	29.369, 37.86, 74.162
xyY	0.208, 0.268, 37.86
CIE-LCH	67.917, 39.239, 232.872
CIE-LUV	67.917, -48.15, -46.509
Hunter-Lab	61.53, -22.479, -28.391
Binary	00000000, 10110100, 11011101

#00b4dd
```
#00b4dd rgb(0,180,221)
```
#dd2900
```
#dd2900 rgb(221,41,0)
```

Complementary Color

#00dd98
```
#00dd98 rgb(0,221,152)
```
#00b4dd
```
#00b4dd rgb(0,180,221)
```
#0046dd
```
#0046dd rgb(0,70,221)
```

Analogous Color

#dd9800
```
#dd9800 rgb(221,152,0)
```
#00b4dd
```
#00b4dd rgb(0,180,221)
```
#dd0046
```
#dd0046 rgb(221,0,70)
```

Split Complementary Color

#b4dd00
```
#b4dd00 rgb(180,221,0)
```
#00b4dd
```
#00b4dd rgb(0,180,221)
```
#dd00b4
```
#dd00b4 rgb(221,0,180)
```

Triadic Color

#00dd29
```
#00dd29 rgb(0,221,41)
```
#00b4dd
```
#00b4dd rgb(0,180,221)
```
#dd00b4
```
#dd00b4 rgb(221,0,180)
```
#dd2900
```
#dd2900 rgb(221,41,0)
```

Tetradic Color

#007691
```
#007691 rgb(0,118,145)
```
#008aaa
```
#008aaa rgb(0,138,170)
```
#009fc4
```
#009fc4 rgb(0,159,196)
```
#00b4dd
```
#00b4dd rgb(0,180,221)
```
#00c9f7
```
#00c9f7 rgb(0,201,247)
```
#11d3ff
```
#11d3ff rgb(17,211,255)
```
#2bd8ff
```
#2bd8ff rgb(43,216,255)
```

Monochromatic Color

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

#00ddcf
```
#00ddcf rgb(0,221,207)
```
#00d9dd
```
#00d9dd rgb(0,217,221)
```
#00c6dd
```
#00c6dd rgb(0,198,221)
```
#00b4dd
```
#00b4dd rgb(0,180,221)
```
#00a2dd
```
#00a2dd rgb(0,162,221)
```
#008fdd
```
#008fdd rgb(0,143,221)
```
#007ddd
```
#007ddd rgb(0,125,221)
```

Similar Colors

Text with hexadecimal color #00b4dd

This text has a font color of #00b4dd.

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

#00b4dd background color

This paragraph has a background color of #00b4dd.

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

#00b4dd border color

This element has a border color of #00b4dd.

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

CSS codes

.text {color:#00b4dd;}

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

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

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, #000405 is the darkest color, while #f1fcff is the lightest one.

#000405
```
#000405 rgb(0,4,5)
```
#001419
```
#001419 rgb(0,20,25)
```
#00242c
```
#00242c rgb(0,36,44)
```
#003440
```
#003440 rgb(0,52,64)
```
#004454
```
#004454 rgb(0,68,84)
```
#005467
```
#005467 rgb(0,84,103)
```
#00647b
```
#00647b rgb(0,100,123)
```
#00748f
```
#00748f rgb(0,116,143)
```
#0084a2
```
#0084a2 rgb(0,132,162)
```
#0094b6
```
#0094b6 rgb(0,148,182)
```
#00a4c9
```
#00a4c9 rgb(0,164,201)
```
#00b4dd
```
#00b4dd rgb(0,180,221)
```
#00c4f1
```
#00c4f1 rgb(0,196,241)
```

Shade Color Variation

#05d1ff
```
#05d1ff rgb(5,209,255)
```
#19d4ff
```
#19d4ff rgb(25,212,255)
```
#2cd8ff
```
#2cd8ff rgb(44,216,255)
```
#40dcff
```
#40dcff rgb(64,220,255)
```
#54dfff
```
#54dfff rgb(84,223,255)
```
#67e3ff
```
#67e3ff rgb(103,227,255)
```
#7be6ff
```
#7be6ff rgb(123,230,255)
```
#8feaff
```
#8feaff rgb(143,234,255)
```
#a2eeff
```
#a2eeff rgb(162,238,255)
```
#b6f1ff
```
#b6f1ff rgb(182,241,255)
```
#c9f5ff
```
#c9f5ff rgb(201,245,255)
```
#ddf9ff
```
#ddf9ff rgb(221,249,255)
```
#f1fcff
```
#f1fcff rgb(241,252,255)
```

Tint Color Variation

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

#667477
```
#667477 rgb(102,116,119)
```
#5e7980
```
#5e7980 rgb(94,121,128)
```
#557f88
```
#557f88 rgb(85,127,136)
```
#4d8491
```
#4d8491 rgb(77,132,145)
```
#448999
```
#448999 rgb(68,137,153)
```
#3c8fa2
```
#3c8fa2 rgb(60,143,162)
```
#3394aa
```
#3394aa rgb(51,148,170)
```
#2b99b3
```
#2b99b3 rgb(43,153,179)
```
#229fbb
```
#229fbb rgb(34,159,187)
```
#1aa4c4
```
#1aa4c4 rgb(26,164,196)
```
#11a9cc
```
#11a9cc rgb(17,169,204)
```
#09afd5
```
#09afd5 rgb(9,175,213)
```
#00b4dd
```
#00b4dd rgb(0,180,221)
```

Tone Color Variation

Below, you can see how #00b4dd 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

#838383 Achromatopsia 0.005% of the population
#698d95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea8d4 Protanopia 1% of men
#95a8e5 Deuteranopia 1% of men
#00bac7 Tritanopia 0.001% of the population

Trichromacy

#64acd7 Protanomaly 1% of men, 0.01% of women
#5face2 Deuteranomaly 6% of men, 0.4% of women
#00b8cf Tritanomaly 0.01% of the population

#00b4dd hex color

#00b4dd Color Information

#00b4dd Color Conversion

Color Schemes with #00b4dd

Alternatives to #00b4dd

#00b4dd Preview

Shades and Tints of #00b4dd

Tones of #00b4dd

Color Blindness Simulator