#00bde3 hex color

In a RGB color space, hex #00bde3 is composed of 0% red, 74.1% green and 89% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 16.7% magenta, 0% yellow and 11% black. It has a hue angle of 190 degrees, a saturation of 100% and a lightness of 44.5%. #00bde3 color hex could be obtained by blending #00ffff with #007bc7. 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

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

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

Hex triplet	00bde3	`#00bde3`
RGB Decimal	0, 189, 227	`rgb(0,189,227)`
RGB Percent	0, 74.1, 89	`rgb(0%,74.1%,89%)`
CMYK	100, 17, 0, 11
HSL	190°, 100, 44.5	`hsl(190,100%,44.5%)`
HSV (or HSB)	190°, 100, 89
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.828, -26.211, -30.068
XYZ	32.059, 41.938, 79.074
xyY	0.209, 0.274, 41.938
CIE-LCH	70.828, 39.888, 228.921
CIE-LUV	70.828, -50.729, -44.368
Hunter-Lab	64.76, -24.964, -27.064
Binary	00000000, 10111101, 11100011

#00bde3
```
#00bde3 rgb(0,189,227)
```
#e32600
```
#e32600 rgb(227,38,0)
```

Complementary Color

#00e398
```
#00e398 rgb(0,227,152)
```
#00bde3
```
#00bde3 rgb(0,189,227)
```
#004ce3
```
#004ce3 rgb(0,76,227)
```

Analogous Color

#e39800
```
#e39800 rgb(227,152,0)
```
#00bde3
```
#00bde3 rgb(0,189,227)
```
#e3004c
```
#e3004c rgb(227,0,76)
```

Split Complementary Color

#bde300
```
#bde300 rgb(189,227,0)
```
#00bde3
```
#00bde3 rgb(0,189,227)
```
#e300bd
```
#e300bd rgb(227,0,189)
```

Triadic Color

#00e326
```
#00e326 rgb(0,227,38)
```
#00bde3
```
#00bde3 rgb(0,189,227)
```
#e300bd
```
#e300bd rgb(227,0,189)
```
#e32600
```
#e32600 rgb(227,38,0)
```

Tetradic Color

#007d97
```
#007d97 rgb(0,125,151)
```
#0093b0
```
#0093b0 rgb(0,147,176)
```
#00a8ca
```
#00a8ca rgb(0,168,202)
```
#00bde3
```
#00bde3 rgb(0,189,227)
```
#00d2fd
```
#00d2fd rgb(0,210,253)
```
#17d8ff
```
#17d8ff rgb(23,216,255)
```
#31dcff
```
#31dcff rgb(49,220,255)
```

Monochromatic Color

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

#00e3d0
```
#00e3d0 rgb(0,227,208)
```
#00e3e3
```
#00e3e3 rgb(0,227,227)
```
#00d0e3
```
#00d0e3 rgb(0,208,227)
```
#00bde3
```
#00bde3 rgb(0,189,227)
```
#00aae3
```
#00aae3 rgb(0,170,227)
```
#0097e3
```
#0097e3 rgb(0,151,227)
```
#0084e3
```
#0084e3 rgb(0,132,227)
```

Similar Colors

Text with hexadecimal color #00bde3

This text has a font color of #00bde3.

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

#00bde3 background color

This paragraph has a background color of #00bde3.

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

#00bde3 border color

This element has a border color of #00bde3.

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

CSS codes

.text {color:#00bde3;}

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

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

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

#00090b
```
#00090b rgb(0,9,11)
```
#001a1f
```
#001a1f rgb(0,26,31)
```
#002a32
```
#002a32 rgb(0,42,50)
```
#003a46
```
#003a46 rgb(0,58,70)
```
#004b5a
```
#004b5a rgb(0,75,90)
```
#005b6d
```
#005b6d rgb(0,91,109)
```
#006b81
```
#006b81 rgb(0,107,129)
```
#007c95
```
#007c95 rgb(0,124,149)
```
#008ca8
```
#008ca8 rgb(0,140,168)
```
#009cbc
```
#009cbc rgb(0,156,188)
```
#00adcf
```
#00adcf rgb(0,173,207)
```
#00bde3
```
#00bde3 rgb(0,189,227)
```
#00cdf7
```
#00cdf7 rgb(0,205,247)
```

Shade Color Variation

#0bd6ff
```
#0bd6ff rgb(11,214,255)
```
#1fd9ff
```
#1fd9ff rgb(31,217,255)
```
#32ddff
```
#32ddff rgb(50,221,255)
```
#46e0ff
```
#46e0ff rgb(70,224,255)
```
#5ae3ff
```
#5ae3ff rgb(90,227,255)
```
#6de7ff
```
#6de7ff rgb(109,231,255)
```
#81eaff
```
#81eaff rgb(129,234,255)
```
#95edff
```
#95edff rgb(149,237,255)
```
#a8f0ff
```
#a8f0ff rgb(168,240,255)
```
#bcf4ff
```
#bcf4ff rgb(188,244,255)
```
#cff7ff
```
#cff7ff rgb(207,247,255)
```
#e3faff
```
#e3faff rgb(227,250,255)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#69777a
```
#69777a rgb(105,119,122)
```
#607d83
```
#607d83 rgb(96,125,131)
```
#57838c
```
#57838c rgb(87,131,140)
```
#4f8994
```
#4f8994 rgb(79,137,148)
```
#468f9d
```
#468f9d rgb(70,143,157)
```
#3d94a6
```
#3d94a6 rgb(61,148,166)
```
#349aaf
```
#349aaf rgb(52,154,175)
```
#2ca0b7
```
#2ca0b7 rgb(44,160,183)
```
#23a6c0
```
#23a6c0 rgb(35,166,192)
```
#1aacc9
```
#1aacc9 rgb(26,172,201)
```
#11b1d2
```
#11b1d2 rgb(17,177,210)
```
#09b7da
```
#09b7da rgb(9,183,218)
```
#00bde3
```
#00bde3 rgb(0,189,227)
```

Tone Color Variation

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

#a6afd9 Protanopia 1% of men
#9fafeb Deuteranopia 1% of men
#00c2d0 Tritanopia 0.001% of the population

Trichromacy

#6ab4dd Protanomaly 1% of men, 0.01% of women
#65b4e8 Deuteranomaly 6% of men, 0.4% of women
#00c0d7 Tritanomaly 0.01% of the population

#00bde3 hex color

#00bde3 Color Information

#00bde3 Color Conversion

Color Schemes with #00bde3

Alternatives to #00bde3

#00bde3 Preview

Shades and Tints of #00bde3

Tones of #00bde3

Color Blindness Simulator