#00bde4 hex color

In a RGB color space, hex #00bde4 is composed of 0% red, 74.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 17.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 190.3 degrees, a saturation of 100% and a lightness of 44.7%. #00bde4 color hex could be obtained by blending #00ffff with #007bc9. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 74
- B 89
RGB color chart
- C 100
- M 17
- Y 0
- K 11
CMYK color chart

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

The hexadecimal color #00bde4 has RGB values of R:0, G:189, B:228 and CMYK values of C:1, M:0.17, Y:0, K:0.11. Its decimal value is 48612.

Hex triplet	00bde4	`#00bde4`
RGB Decimal	0, 189, 228	`rgb(0,189,228)`
RGB Percent	0, 74.1, 89.4	`rgb(0%,74.1%,89.4%)`
CMYK	100, 17, 0, 11
HSL	190.3°, 100, 44.7	`hsl(190.3,100%,44.7%)`
HSV (or HSB)	190.3°, 100, 89.4
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.866, -25.875, -30.553
XYZ	32.197, 41.993, 79.803
xyY	0.209, 0.273, 41.993
CIE-LCH	70.866, 40.037, 229.739
CIE-LUV	70.866, -50.651, -45.238
Hunter-Lab	64.802, -24.715, -27.653
Binary	00000000, 10111101, 11100100

#00bde4
```
#00bde4 rgb(0,189,228)
```
#e42700
```
#e42700 rgb(228,39,0)
```

Complementary Color

#00e499
```
#00e499 rgb(0,228,153)
```
#00bde4
```
#00bde4 rgb(0,189,228)
```
#004be4
```
#004be4 rgb(0,75,228)
```

Analogous Color

#e49900
```
#e49900 rgb(228,153,0)
```
#00bde4
```
#00bde4 rgb(0,189,228)
```
#e4004b
```
#e4004b rgb(228,0,75)
```

Split Complementary Color

#bde400
```
#bde400 rgb(189,228,0)
```
#00bde4
```
#00bde4 rgb(0,189,228)
```
#e400bd
```
#e400bd rgb(228,0,189)
```

Triadic Color

#00e427
```
#00e427 rgb(0,228,39)
```
#00bde4
```
#00bde4 rgb(0,189,228)
```
#e400bd
```
#e400bd rgb(228,0,189)
```
#e42700
```
#e42700 rgb(228,39,0)
```

Tetradic Color

#007e98
```
#007e98 rgb(0,126,152)
```
#0093b1
```
#0093b1 rgb(0,147,177)
```
#00a8cb
```
#00a8cb rgb(0,168,203)
```
#00bde4
```
#00bde4 rgb(0,189,228)
```
#00d2fe
```
#00d2fe rgb(0,210,254)
```
#18d7ff
```
#18d7ff rgb(24,215,255)
```
#32dcff
```
#32dcff rgb(50,220,255)
```

Monochromatic Color

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

#00e4d2
```
#00e4d2 rgb(0,228,210)
```
#00e3e4
```
#00e3e4 rgb(0,227,228)
```
#00d0e4
```
#00d0e4 rgb(0,208,228)
```
#00bde4
```
#00bde4 rgb(0,189,228)
```
#00aae4
```
#00aae4 rgb(0,170,228)
```
#0097e4
```
#0097e4 rgb(0,151,228)
```
#0084e4
```
#0084e4 rgb(0,132,228)
```

Similar Colors

Text with hexadecimal color #00bde4

This text has a font color of #00bde4.

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

#00bde4 background color

This paragraph has a background color of #00bde4.

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

#00bde4 border color

This element has a border color of #00bde4.

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

CSS codes

.text {color:#00bde4;}

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

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

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 #f8feff is the lightest one.

#000a0c
```
#000a0c rgb(0,10,12)
```
#001a20
```
#001a20 rgb(0,26,32)
```
#002b33
```
#002b33 rgb(0,43,51)
```
#003b47
```
#003b47 rgb(0,59,71)
```
#004b5b
```
#004b5b rgb(0,75,91)
```
#005b6e
```
#005b6e rgb(0,91,110)
```
#006c82
```
#006c82 rgb(0,108,130)
```
#007c96
```
#007c96 rgb(0,124,150)
```
#008ca9
```
#008ca9 rgb(0,140,169)
```
#009cbd
```
#009cbd rgb(0,156,189)
```
#00add0
```
#00add0 rgb(0,173,208)
```
#00bde4
```
#00bde4 rgb(0,189,228)
```
#00cdf8
```
#00cdf8 rgb(0,205,248)
```

Shade Color Variation

#0cd5ff
```
#0cd5ff rgb(12,213,255)
```
#20d9ff
```
#20d9ff rgb(32,217,255)
```
#33dcff
```
#33dcff rgb(51,220,255)
```
#47e0ff
```
#47e0ff rgb(71,224,255)
```
#5be3ff
```
#5be3ff rgb(91,227,255)
```
#6ee6ff
```
#6ee6ff rgb(110,230,255)
```
#82eaff
```
#82eaff rgb(130,234,255)
```
#96edff
```
#96edff rgb(150,237,255)
```
#a9f0ff
```
#a9f0ff rgb(169,240,255)
```
#bdf4ff
```
#bdf4ff rgb(189,244,255)
```
#d0f7ff
```
#d0f7ff rgb(208,247,255)
```
#e4faff
```
#e4faff rgb(228,250,255)
```
#f8feff
```
#f8feff rgb(248,254,255)
```

Tint Color Variation

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

#69787b
```
#69787b rgb(105,120,123)
```
#607e84
```
#607e84 rgb(96,126,132)
```
#58838c
```
#58838c rgb(88,131,140)
```
#4f8995
```
#4f8995 rgb(79,137,149)
```
#468f9e
```
#468f9e rgb(70,143,158)
```
#3d95a7
```
#3d95a7 rgb(61,149,167)
```
#359aaf
```
#359aaf rgb(53,154,175)
```
#2ca0b8
```
#2ca0b8 rgb(44,160,184)
```
#23a6c1
```
#23a6c1 rgb(35,166,193)
```
#1aacca
```
#1aacca rgb(26,172,202)
```
#12b1d2
```
#12b1d2 rgb(18,177,210)
```
#09b7db
```
#09b7db rgb(9,183,219)
```
#00bde4
```
#00bde4 rgb(0,189,228)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#6e939b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6afda Protanopia 1% of men
#9eafec Deuteranopia 1% of men
#00c2d0 Tritanopia 0.001% of the population

Trichromacy

#69b4de Protanomaly 1% of men, 0.01% of women
#64b4e9 Deuteranomaly 6% of men, 0.4% of women
#00c0d7 Tritanomaly 0.01% of the population

#00bde4 hex color

#00bde4 Color Information

#00bde4 Color Conversion

Color Schemes with #00bde4

Alternatives to #00bde4

#00bde4 Preview

Shades and Tints of #00bde4

Tones of #00bde4

Color Blindness Simulator