#00b4d0 hex color

In a RGB color space, hex #00b4d0 is composed of 0% red, 70.6% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 13.5% magenta, 0% yellow and 18.4% black. It has a hue angle of 188.1 degrees, a saturation of 100% and a lightness of 40.8%. #00b4d0 color hex could be obtained by blending #00ffff with #0069a1. Closest websafe color is: #00cccc.

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

● #00b4d0 color description : Strong cyan.

The hexadecimal color #00b4d0 has RGB values of R:0, G:180, B:208 and CMYK values of C:1, M:0.13, Y:0, K:0.18. Its decimal value is 46288.

Hex triplet	00b4d0	`#00b4d0`
RGB Decimal	0, 180, 208	`rgb(0,180,208)`
RGB Percent	0, 70.6, 81.6	`rgb(0%,70.6%,81.6%)`
CMYK	100, 13, 0, 18
HSL	188.1°, 100, 40.8	`hsl(188.1,100%,40.8%)`
HSV (or HSB)	188.1°, 100, 81.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	67.422, -28.065, -24.907
XYZ	27.703, 37.194, 65.39
xyY	0.213, 0.285, 37.194
CIE-LCH	67.422, 37.524, 221.588
CIE-LUV	67.422, -49.167, -35.195
Hunter-Lab	60.987, -25.643, -20.88
Binary	00000000, 10110100, 11010000

#00b4d0
```
#00b4d0 rgb(0,180,208)
```
#d01c00
```
#d01c00 rgb(208,28,0)
```

Complementary Color

#00d084
```
#00d084 rgb(0,208,132)
```
#00b4d0
```
#00b4d0 rgb(0,180,208)
```
#004cd0
```
#004cd0 rgb(0,76,208)
```

Analogous Color

#d08400
```
#d08400 rgb(208,132,0)
```
#00b4d0
```
#00b4d0 rgb(0,180,208)
```
#d0004c
```
#d0004c rgb(208,0,76)
```

Split Complementary Color

#b4d000
```
#b4d000 rgb(180,208,0)
```
#00b4d0
```
#00b4d0 rgb(0,180,208)
```
#d000b4
```
#d000b4 rgb(208,0,180)
```

Triadic Color

#00d01c
```
#00d01c rgb(0,208,28)
```
#00b4d0
```
#00b4d0 rgb(0,180,208)
```
#d000b4
```
#d000b4 rgb(208,0,180)
```
#d01c00
```
#d01c00 rgb(208,28,0)
```

Tetradic Color

#007284
```
#007284 rgb(0,114,132)
```
#00889d
```
#00889d rgb(0,136,157)
```
#009eb7
```
#009eb7 rgb(0,158,183)
```
#00b4d0
```
#00b4d0 rgb(0,180,208)
```
#00caea
```
#00caea rgb(0,202,234)
```
#04ddff
```
#04ddff rgb(4,221,255)
```
#1ee1ff
```
#1ee1ff rgb(30,225,255)
```

Monochromatic Color

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

#00d0b8
```
#00d0b8 rgb(0,208,184)
```
#00d0c9
```
#00d0c9 rgb(0,208,201)
```
#00c5d0
```
#00c5d0 rgb(0,197,208)
```
#00b4d0
```
#00b4d0 rgb(0,180,208)
```
#00a3d0
```
#00a3d0 rgb(0,163,208)
```
#0091d0
```
#0091d0 rgb(0,145,208)
```
#0080d0
```
#0080d0 rgb(0,128,208)
```

Similar Colors

Text with hexadecimal color #00b4d0

This text has a font color of #00b4d0.

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

#00b4d0 background color

This paragraph has a background color of #00b4d0.

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

#00b4d0 border color

This element has a border color of #00b4d0.

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

CSS codes

.text {color:#00b4d0;}

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

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

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, #000a0c is the darkest color, while #f7feff is the lightest one.

#000a0c
```
#000a0c rgb(0,10,12)
```
#001b1f
```
#001b1f rgb(0,27,31)
```
#002c33
```
#002c33 rgb(0,44,51)
```
#003d47
```
#003d47 rgb(0,61,71)
```
#004e5a
```
#004e5a rgb(0,78,90)
```
#005f6e
```
#005f6e rgb(0,95,110)
```
#007082
```
#007082 rgb(0,112,130)
```
#008195
```
#008195 rgb(0,129,149)
```
#0092a9
```
#0092a9 rgb(0,146,169)
```
#00a3bc
```
#00a3bc rgb(0,163,188)
```
#00b4d0
```
#00b4d0 rgb(0,180,208)
```
#00c5e4
```
#00c5e4 rgb(0,197,228)
```
#00d6f7
```
#00d6f7 rgb(0,214,247)
```

Shade Color Variation

#0cdeff
```
#0cdeff rgb(12,222,255)
```
#1fe1ff
```
#1fe1ff rgb(31,225,255)
```
#33e4ff
```
#33e4ff rgb(51,228,255)
```
#47e6ff
```
#47e6ff rgb(71,230,255)
```
#5ae9ff
```
#5ae9ff rgb(90,233,255)
```
#6eebff
```
#6eebff rgb(110,235,255)
```
#82eeff
```
#82eeff rgb(130,238,255)
```
#95f1ff
```
#95f1ff rgb(149,241,255)
```
#a9f3ff
```
#a9f3ff rgb(169,243,255)
```
#bcf6ff
```
#bcf6ff rgb(188,246,255)
```
#d0f9ff
```
#d0f9ff rgb(208,249,255)
```
#e4fbff
```
#e4fbff rgb(228,251,255)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#606e70
```
#606e70 rgb(96,110,112)
```
#587478
```
#587478 rgb(88,116,120)
```
#507a80
```
#507a80 rgb(80,122,128)
```
#487f88
```
#487f88 rgb(72,127,136)
```
#408590
```
#408590 rgb(64,133,144)
```
#388b98
```
#388b98 rgb(56,139,152)
```
#3091a0
```
#3091a0 rgb(48,145,160)
```
#2897a8
```
#2897a8 rgb(40,151,168)
```
#209db0
```
#209db0 rgb(32,157,176)
```
#18a2b8
```
#18a2b8 rgb(24,162,184)
```
#10a8c0
```
#10a8c0 rgb(16,168,192)
```
#08aec8
```
#08aec8 rgb(8,174,200)
```
#00b4d0
```
#00b4d0 rgb(0,180,208)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#678b91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a7c8 Protanopia 1% of men
#9ca6d9 Deuteranopia 1% of men
#00b9c6 Tritanopia 0.001% of the population

Trichromacy

#66acca Protanomaly 1% of men, 0.01% of women
#63abd5 Deuteranomaly 6% of men, 0.4% of women
#00b7c9 Tritanomaly 0.01% of the population

#00b4d0 hex color

#00b4d0 Color Information

#00b4d0 Color Conversion

Color Schemes with #00b4d0

Alternatives to #00b4d0

#00b4d0 Preview

Shades and Tints of #00b4d0

Tones of #00b4d0

Color Blindness Simulator