#00bdfe hex color

In a RGB color space, hex #00bdfe is composed of 0% red, 74.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 25.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 195.4 degrees, a saturation of 100% and a lightness of 49.8%. #00bdfe color hex could be obtained by blending #00ffff with #007bfd. Closest websafe color is: #00ccff.

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

● #00bdfe color description : Pure (or mostly pure) blue.

The hexadecimal color #00bdfe has RGB values of R:0, G:189, B:254 and CMYK values of C:1, M:0.26, Y:0, K:0. Its decimal value is 48638.

Hex triplet	00bdfe	`#00bdfe`
RGB Decimal	0, 189, 254	`rgb(0,189,254)`
RGB Percent	0, 74.1, 99.6	`rgb(0%,74.1%,99.6%)`
CMYK	100, 26, 0, 0
HSL	195.4°, 100, 49.8	`hsl(195.4,100%,49.8%)`
HSV (or HSB)	195.4°, 100, 99.6
Web Safe	00ccff	`#00ccff`

CIE-LAB	71.925, -16.948, -42.983
XYZ	36.082, 43.547, 100.264
xyY	0.201, 0.242, 43.547
CIE-LCH	71.925, 46.203, 248.481
CIE-LUV	71.925, -48.682, -67.775
Hunter-Lab	65.99, -17.883, -43.89
Binary	00000000, 10111101, 11111110

#00bdfe
```
#00bdfe rgb(0,189,254)
```
#fe4100
```
#fe4100 rgb(254,65,0)
```

Complementary Color

#00fec0
```
#00fec0 rgb(0,254,192)
```
#00bdfe
```
#00bdfe rgb(0,189,254)
```
#003efe
```
#003efe rgb(0,62,254)
```

Analogous Color

#fec000
```
#fec000 rgb(254,192,0)
```
#00bdfe
```
#00bdfe rgb(0,189,254)
```
#fe003e
```
#fe003e rgb(254,0,62)
```

Split Complementary Color

#bdfe00
```
#bdfe00 rgb(189,254,0)
```
#00bdfe
```
#00bdfe rgb(0,189,254)
```
#fe00bd
```
#fe00bd rgb(254,0,189)
```

Triadic Color

#00fe41
```
#00fe41 rgb(0,254,65)
```
#00bdfe
```
#00bdfe rgb(0,189,254)
```
#fe00bd
```
#fe00bd rgb(254,0,189)
```
#fe4100
```
#fe4100 rgb(254,65,0)
```

Tetradic Color

#0084b2
```
#0084b2 rgb(0,132,178)
```
#0097cb
```
#0097cb rgb(0,151,203)
```
#00aae5
```
#00aae5 rgb(0,170,229)
```
#00bdfe
```
#00bdfe rgb(0,189,254)
```
#19c4ff
```
#19c4ff rgb(25,196,255)
```
#32cbff
```
#32cbff rgb(50,203,255)
```
#4cd1ff
```
#4cd1ff rgb(76,209,255)
```

Monochromatic Color

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

#00fdfe
```
#00fdfe rgb(0,253,254)
```
#00e7fe
```
#00e7fe rgb(0,231,254)
```
#00d2fe
```
#00d2fe rgb(0,210,254)
```
#00bdfe
```
#00bdfe rgb(0,189,254)
```
#00a8fe
```
#00a8fe rgb(0,168,254)
```
#0093fe
```
#0093fe rgb(0,147,254)
```
#007efe
```
#007efe rgb(0,126,254)
```

Similar Colors

Text with hexadecimal color #00bdfe

This text has a font color of #00bdfe.

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

#00bdfe background color

This paragraph has a background color of #00bdfe.

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

#00bdfe border color

This element has a border color of #00bdfe.

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

CSS codes

.text {color:#00bdfe;}

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

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

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

#000e13
```
#000e13 rgb(0,14,19)
```
#001c26
```
#001c26 rgb(0,28,38)
```
#002b3a
```
#002b3a rgb(0,43,58)
```
#003a4d
```
#003a4d rgb(0,58,77)
```
#004861
```
#004861 rgb(0,72,97)
```
#005775
```
#005775 rgb(0,87,117)
```
#006588
```
#006588 rgb(0,101,136)
```
#00749c
```
#00749c rgb(0,116,156)
```
#0083b0
```
#0083b0 rgb(0,131,176)
```
#0091c3
```
#0091c3 rgb(0,145,195)
```
#00a0d7
```
#00a0d7 rgb(0,160,215)
```
#00aeea
```
#00aeea rgb(0,174,234)
```
#00bdfe
```
#00bdfe rgb(0,189,254)
```

Shade Color Variation

#13c3ff
```
#13c3ff rgb(19,195,255)
```
#26c8ff
```
#26c8ff rgb(38,200,255)
```
#3acdff
```
#3acdff rgb(58,205,255)
```
#4dd2ff
```
#4dd2ff rgb(77,210,255)
```
#61d7ff
```
#61d7ff rgb(97,215,255)
```
#75dcff
```
#75dcff rgb(117,220,255)
```
#88e1ff
```
#88e1ff rgb(136,225,255)
```
#9ce6ff
```
#9ce6ff rgb(156,230,255)
```
#b0ebff
```
#b0ebff rgb(176,235,255)
```
#c3f0ff
```
#c3f0ff rgb(195,240,255)
```
#d7f5ff
```
#d7f5ff rgb(215,245,255)
```
#eafaff
```
#eafaff rgb(234,250,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#758489
```
#758489 rgb(117,132,137)
```
#6b8993
```
#6b8993 rgb(107,137,147)
```
#628d9c
```
#628d9c rgb(98,141,156)
```
#5892a6
```
#5892a6 rgb(88,146,166)
```
#4e97b0
```
#4e97b0 rgb(78,151,176)
```
#449cba
```
#449cba rgb(68,156,186)
```
#3ba0c3
```
#3ba0c3 rgb(59,160,195)
```
#31a5cd
```
#31a5cd rgb(49,165,205)
```
#27aad7
```
#27aad7 rgb(39,170,215)
```
#1dafe1
```
#1dafe1 rgb(29,175,225)
```
#14b3ea
```
#14b3ea rgb(20,179,234)
```
#0ab8f4
```
#0ab8f4 rgb(10,184,244)
```
#00bdfe
```
#00bdfe rgb(0,189,254)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7096a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb2f3 Protanopia 1% of men
#90b3ff Deuteranopia 1% of men
#00c5d3 Tritanopia 0.001% of the population

Trichromacy

#65b6f7 Protanomaly 1% of men, 0.01% of women
#5cb7fe Deuteranomaly 6% of men, 0.4% of women
#00c2e2 Tritanomaly 0.01% of the population

#00bdfe hex color

#00bdfe Color Information

#00bdfe Color Conversion

Color Schemes with #00bdfe

Alternatives to #00bdfe

#00bdfe Preview

Shades and Tints of #00bdfe

Tones of #00bdfe

Color Blindness Simulator