#00b4ed hex color

In a RGB color space, hex #00b4ed is composed of 0% red, 70.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 24.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 194.4 degrees, a saturation of 100% and a lightness of 46.5%. #00b4ed color hex could be obtained by blending #00ffff with #0069db. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 0
- G 71
- B 93
RGB color chart
- C 100
- M 24
- Y 0
- K 7
CMYK color chart

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

The hexadecimal color #00b4ed has RGB values of R:0, G:180, B:237 and CMYK values of C:1, M:0.24, Y:0, K:0.07. Its decimal value is 46317.

Hex triplet	00b4ed	`#00b4ed`
RGB Decimal	0, 180, 237	`rgb(0,180,237)`
RGB Percent	0, 70.6, 92.9	`rgb(0%,70.6%,92.9%)`
CMYK	100, 24, 0, 7
HSL	194.4°, 100, 46.5	`hsl(194.4,100%,46.5%)`
HSV (or HSB)	194.4°, 100, 92.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	68.573, -18.145, -39.01
XYZ	31.603, 38.754, 85.931
xyY	0.202, 0.248, 38.754
CIE-LCH	68.573, 43.023, 245.055
CIE-LUV	68.573, -46.938, -60.403
Hunter-Lab	62.253, -18.324, -38.264
Binary	00000000, 10110100, 11101101

#00b4ed
```
#00b4ed rgb(0,180,237)
```
#ed3900
```
#ed3900 rgb(237,57,0)
```

Complementary Color

#00edb0
```
#00edb0 rgb(0,237,176)
```
#00b4ed
```
#00b4ed rgb(0,180,237)
```
#003eed
```
#003eed rgb(0,62,237)
```

Analogous Color

#edb000
```
#edb000 rgb(237,176,0)
```
#00b4ed
```
#00b4ed rgb(0,180,237)
```
#ed003d
```
#ed003d rgb(237,0,61)
```

Split Complementary Color

#b4ed00
```
#b4ed00 rgb(180,237,0)
```
#00b4ed
```
#00b4ed rgb(0,180,237)
```
#ed00b4
```
#ed00b4 rgb(237,0,180)
```

Triadic Color

#00ed39
```
#00ed39 rgb(0,237,57)
```
#00b4ed
```
#00b4ed rgb(0,180,237)
```
#ed00b4
```
#ed00b4 rgb(237,0,180)
```
#ed3900
```
#ed3900 rgb(237,57,0)
```

Tetradic Color

#007aa1
```
#007aa1 rgb(0,122,161)
```
#008dba
```
#008dba rgb(0,141,186)
```
#00a1d4
```
#00a1d4 rgb(0,161,212)
```
#00b4ed
```
#00b4ed rgb(0,180,237)
```
#07c3ff
```
#07c3ff rgb(7,195,255)
```
#21caff
```
#21caff rgb(33,202,255)
```
#3bd0ff
```
#3bd0ff rgb(59,208,255)
```

Monochromatic Color

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

#00edeb
```
#00edeb rgb(0,237,235)
```
#00dced
```
#00dced rgb(0,220,237)
```
#00c8ed
```
#00c8ed rgb(0,200,237)
```
#00b4ed
```
#00b4ed rgb(0,180,237)
```
#00a0ed
```
#00a0ed rgb(0,160,237)
```
#008ded
```
#008ded rgb(0,141,237)
```
#0079ed
```
#0079ed rgb(0,121,237)
```

Similar Colors

Text with hexadecimal color #00b4ed

This text has a font color of #00b4ed.

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

#00b4ed background color

This paragraph has a background color of #00b4ed.

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

#00b4ed border color

This element has a border color of #00b4ed.

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

CSS codes

.text {color:#00b4ed;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#001015
```
#001015 rgb(0,16,21)
```
#001f29
```
#001f29 rgb(0,31,41)
```
#002e3c
```
#002e3c rgb(0,46,60)
```
#003d50
```
#003d50 rgb(0,61,80)
```
#004c64
```
#004c64 rgb(0,76,100)
```
#005b77
```
#005b77 rgb(0,91,119)
```
#006a8b
```
#006a8b rgb(0,106,139)
```
#00789f
```
#00789f rgb(0,120,159)
```
#0087b2
```
#0087b2 rgb(0,135,178)
```
#0096c6
```
#0096c6 rgb(0,150,198)
```
#00a5d9
```
#00a5d9 rgb(0,165,217)
```
#00b4ed
```
#00b4ed rgb(0,180,237)
```

Shade Color Variation

#02c2ff
```
#02c2ff rgb(2,194,255)
```
#15c7ff
```
#15c7ff rgb(21,199,255)
```
#29cbff
```
#29cbff rgb(41,203,255)
```
#3cd0ff
```
#3cd0ff rgb(60,208,255)
```
#50d5ff
```
#50d5ff rgb(80,213,255)
```
#64daff
```
#64daff rgb(100,218,255)
```
#77deff
```
#77deff rgb(119,222,255)
```
#8be3ff
```
#8be3ff rgb(139,227,255)
```
#9fe8ff
```
#9fe8ff rgb(159,232,255)
```
#b2edff
```
#b2edff rgb(178,237,255)
```
#c6f1ff
```
#c6f1ff rgb(198,241,255)
```
#d9f6ff
```
#d9f6ff rgb(217,246,255)
```
#edfbff
```
#edfbff rgb(237,251,255)
```

Tint Color Variation

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

#6d7b80
```
#6d7b80 rgb(109,123,128)
```
#648089
```
#648089 rgb(100,128,137)
```
#5b8592
```
#5b8592 rgb(91,133,146)
```
#52899b
```
#52899b rgb(82,137,155)
```
#498ea4
```
#498ea4 rgb(73,142,164)
```
#4093ad
```
#4093ad rgb(64,147,173)
```
#3798b6
```
#3798b6 rgb(55,152,182)
```
#2e9cbf
```
#2e9cbf rgb(46,156,191)
```
#24a1c9
```
#24a1c9 rgb(36,161,201)
```
#1ba6d2
```
#1ba6d2 rgb(27,166,210)
```
#12abdb
```
#12abdb rgb(18,171,219)
```
#09afe4
```
#09afe4 rgb(9,175,228)
```
#00b4ed
```
#00b4ed rgb(0,180,237)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#6a8e9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a9e4 Protanopia 1% of men
#8baaf3 Deuteranopia 1% of men
#00bcc9 Tritanopia 0.001% of the population

Trichromacy

#61ade7 Protanomaly 1% of men, 0.01% of women
#58aef1 Deuteranomaly 6% of men, 0.4% of women
#00b9d6 Tritanomaly 0.01% of the population

#00b4ed hex color

#00b4ed Color Information

#00b4ed Color Conversion

Color Schemes with #00b4ed

Alternatives to #00b4ed

#00b4ed Preview

Shades and Tints of #00b4ed

Tones of #00b4ed

Color Blindness Simulator