#b4edfd hex color

In a RGB color space, hex #b4edfd is composed of 70.6% red, 92.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 6.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 193.2 degrees, a saturation of 94.8% and a lightness of 84.9%. #b4edfd color hex could be obtained by blending #ffffff with #69dbfb. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 71
- G 93
- B 99
RGB color chart
- C 29
- M 6
- Y 0
- K 1
CMYK color chart

● #b4edfd color description : Very soft cyan.

The hexadecimal color #b4edfd has RGB values of R:180, G:237, B:253 and CMYK values of C:0.29, M:0.06, Y:0, K:0.01. Its decimal value is 11857405.

Hex triplet	b4edfd	`#b4edfd`
RGB Decimal	180, 237, 253	`rgb(180,237,253)`
RGB Percent	70.6, 92.9, 99.2	`rgb(70.6%,92.9%,99.2%)`
CMYK	29, 6, 0, 1
HSL	193.2°, 94.8, 84.9	`hsl(193.2,94.8%,84.9%)`
HSV (or HSB)	193.2°, 28.9, 99.2
Web Safe	ccffff	`#ccffff`

CIE-LAB	90.488, -14.382, -13.576
XYZ	66.832, 77.361, 104.334
xyY	0.269, 0.311, 77.361
CIE-LCH	90.488, 19.777, 223.348
CIE-LUV	90.488, -28.56, -19.174
Hunter-Lab	87.955, -18.29, -8.762
Binary	10110100, 11101101, 11111101

#b4edfd
```
#b4edfd rgb(180,237,253)
```
#fdc4b4
```
#fdc4b4 rgb(253,196,180)
```

Complementary Color

#b4fde9
```
#b4fde9 rgb(180,253,233)
```
#b4edfd
```
#b4edfd rgb(180,237,253)
```
#b4c9fd
```
#b4c9fd rgb(180,201,253)
```

Analogous Color

#fde9b4
```
#fde9b4 rgb(253,233,180)
```
#b4edfd
```
#b4edfd rgb(180,237,253)
```
#fdb4c9
```
#fdb4c9 rgb(253,180,201)
```

Split Complementary Color

#edfdb4
```
#edfdb4 rgb(237,253,180)
```
#b4edfd
```
#b4edfd rgb(180,237,253)
```
#fdb4ed
```
#fdb4ed rgb(253,180,237)
```

Triadic Color

#b4fdc4
```
#b4fdc4 rgb(180,253,196)
```
#b4edfd
```
#b4edfd rgb(180,237,253)
```
#fdb4ed
```
#fdb4ed rgb(253,180,237)
```
#fdc4b4
```
#fdc4b4 rgb(253,196,180)
```

Tetradic Color

#69dbfb
```
#69dbfb rgb(105,219,251)
```
#82e1fc
```
#82e1fc rgb(130,225,252)
```
#9be7fc
```
#9be7fc rgb(155,231,252)
```
#b4edfd
```
#b4edfd rgb(180,237,253)
```
#cdf3fe
```
#cdf3fe rgb(205,243,254)
```
#e6f9fe
```
#e6f9fe rgb(230,249,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b4fdfb
```
#b4fdfb rgb(180,253,251)
```
#b4f9fd
```
#b4f9fd rgb(180,249,253)
```
#b4f3fd
```
#b4f3fd rgb(180,243,253)
```
#b4edfd
```
#b4edfd rgb(180,237,253)
```
#b4e7fd
```
#b4e7fd rgb(180,231,253)
```
#b4e1fd
```
#b4e1fd rgb(180,225,253)
```
#b4dbfd
```
#b4dbfd rgb(180,219,253)
```

Similar Colors

Text with hexadecimal color #b4edfd

This text has a font color of #b4edfd.

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

#b4edfd background color

This paragraph has a background color of #b4edfd.

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

#b4edfd border color

This element has a border color of #b4edfd.

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

CSS codes

.text {color:#b4edfd;}

.background {background-color:#b4edfd;}

.border {border:1px solid #b4edfd;}

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

#000101
```
#000101 rgb(0,1,1)
```
#011015
```
#011015 rgb(1,16,21)
```
#011f28
```
#011f28 rgb(1,31,40)
```
#022e3b
```
#022e3b rgb(2,46,59)
```
#023d4e
```
#023d4e rgb(2,61,78)
```
#034c61
```
#034c61 rgb(3,76,97)
```
#035b74
```
#035b74 rgb(3,91,116)
```
#046a87
```
#046a87 rgb(4,106,135)
```
#04799a
```
#04799a rgb(4,121,154)
```
#0588ad
```
#0588ad rgb(5,136,173)
```
#0597c0
```
#0597c0 rgb(5,151,192)
```
#06a6d4
```
#06a6d4 rgb(6,166,212)
```
#06b5e7
```
#06b5e7 rgb(6,181,231)
```

Shade Color Variation

#08c4f8
```
#08c4f8 rgb(8,196,248)
```
#1bc8f9
```
#1bc8f9 rgb(27,200,249)
```
#2ecdf9
```
#2ecdf9 rgb(46,205,249)
```
#41d1fa
```
#41d1fa rgb(65,209,250)
```
#54d6fa
```
#54d6fa rgb(84,214,250)
```
#68dbfb
```
#68dbfb rgb(104,219,251)
```
#7bdffb
```
#7bdffb rgb(123,223,251)
```
#8ee4fc
```
#8ee4fc rgb(142,228,252)
```
#a1e8fc
```
#a1e8fc rgb(161,232,252)
```
#b4edfd
```
#b4edfd rgb(180,237,253)
```
#c7f2fe
```
#c7f2fe rgb(199,242,254)
```
#daf6fe
```
#daf6fe rgb(218,246,254)
```
#edfbff
```
#edfbff rgb(237,251,255)
```

Tint Color Variation

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

#d8d9d9
```
#d8d9d9 rgb(216,217,217)
```
#d5dbdc
```
#d5dbdc rgb(213,219,220)
```
#d2dcdf
```
#d2dcdf rgb(210,220,223)
```
#cfdee2
```
#cfdee2 rgb(207,222,226)
```
#cce0e5
```
#cce0e5 rgb(204,224,229)
```
#c9e1e8
```
#c9e1e8 rgb(201,225,232)
```
#c6e3eb
```
#c6e3eb rgb(198,227,235)
```
#c3e5ee
```
#c3e5ee rgb(195,229,238)
```
#c0e6f1
```
#c0e6f1 rgb(192,230,241)
```
#bde8f4
```
#bde8f4 rgb(189,232,244)
```
#baeaf7
```
#baeaf7 rgb(186,234,247)
```
#b7ebfa
```
#b7ebfa rgb(183,235,250)
```
#b4edfd
```
#b4edfd rgb(180,237,253)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#d6e1e4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3e3f7 Protanopia 1% of men
#ebe0ff Deuteranopia 1% of men
#b8edfe Tritanopia 0.001% of the population

Trichromacy

#d2e7f9 Protanomaly 1% of men, 0.01% of women
#d7e4fe Deuteranomaly 6% of men, 0.4% of women
#b6edfe Tritanomaly 0.01% of the population

#b4edfd hex color

#b4edfd Color Information

#b4edfd Color Conversion

Color Schemes with #b4edfd

Alternatives to #b4edfd

#b4edfd Preview

Shades and Tints of #b4edfd

Tones of #b4edfd

Color Blindness Simulator