#b4eaf1 hex color

In a RGB color space, hex #b4eaf1 is composed of 70.6% red, 91.8% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 2.9% magenta, 0% yellow and 5.5% black. It has a hue angle of 186.9 degrees, a saturation of 68.5% and a lightness of 82.5%. #b4eaf1 color hex could be obtained by blending #ffffff with #69d5e3. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 71
- G 92
- B 95
RGB color chart
- C 25
- M 3
- Y 0
- K 5
CMYK color chart

● #b4eaf1 color description : Very soft cyan.

The hexadecimal color #b4eaf1 has RGB values of R:180, G:234, B:241 and CMYK values of C:0.25, M:0.03, Y:0, K:0.05. Its decimal value is 11856625.

Hex triplet	b4eaf1	`#b4eaf1`
RGB Decimal	180, 234, 241	`rgb(180,234,241)`
RGB Percent	70.6, 91.8, 94.5	`rgb(70.6%,91.8%,94.5%)`
CMYK	25, 3, 0, 5
HSL	186.9°, 68.5, 82.5	`hsl(186.9,68.5%,82.5%)`
HSV (or HSB)	186.9°, 25.3, 94.5
Web Safe	ccffff	`#ccffff`

CIE-LAB	89.345, -15.558, -9.006
XYZ	64.119, 74.898, 94.293
xyY	0.275, 0.321, 74.898
CIE-LCH	89.345, 17.976, 210.064
CIE-LUV	89.345, -27.204, -11.525
Hunter-Lab	86.543, -19.203, -4.018
Binary	10110100, 11101010, 11110001

#b4eaf1
```
#b4eaf1 rgb(180,234,241)
```
#f1bbb4
```
#f1bbb4 rgb(241,187,180)
```

Complementary Color

#b4f1da
```
#b4f1da rgb(180,241,218)
```
#b4eaf1
```
#b4eaf1 rgb(180,234,241)
```
#b4ccf1
```
#b4ccf1 rgb(180,204,241)
```

Analogous Color

#f1dab4
```
#f1dab4 rgb(241,218,180)
```
#b4eaf1
```
#b4eaf1 rgb(180,234,241)
```
#f1b4cc
```
#f1b4cc rgb(241,180,204)
```

Split Complementary Color

#eaf1b4
```
#eaf1b4 rgb(234,241,180)
```
#b4eaf1
```
#b4eaf1 rgb(180,234,241)
```
#f1b4ea
```
#f1b4ea rgb(241,180,234)
```

Triadic Color

#b4f1bb
```
#b4f1bb rgb(180,241,187)
```
#b4eaf1
```
#b4eaf1 rgb(180,234,241)
```
#f1b4ea
```
#f1b4ea rgb(241,180,234)
```
#f1bbb4
```
#f1bbb4 rgb(241,187,180)
```

Tetradic Color

#74d8e5
```
#74d8e5 rgb(116,216,229)
```
#89dee9
```
#89dee9 rgb(137,222,233)
```
#9fe4ed
```
#9fe4ed rgb(159,228,237)
```
#b4eaf1
```
#b4eaf1 rgb(180,234,241)
```
#c9f0f5
```
#c9f0f5 rgb(201,240,245)
```
#dff6f9
```
#dff6f9 rgb(223,246,249)
```
#f4fcfd
```
#f4fcfd rgb(244,252,253)
```

Monochromatic Color

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

#b4f1e9
```
#b4f1e9 rgb(180,241,233)
```
#b4f1ee
```
#b4f1ee rgb(180,241,238)
```
#b4eff1
```
#b4eff1 rgb(180,239,241)
```
#b4eaf1
```
#b4eaf1 rgb(180,234,241)
```
#b4e5f1
```
#b4e5f1 rgb(180,229,241)
```
#b4e0f1
```
#b4e0f1 rgb(180,224,241)
```
#b4dbf1
```
#b4dbf1 rgb(180,219,241)
```

Similar Colors

Text with hexadecimal color #b4eaf1

This text has a font color of #b4eaf1.

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

#b4eaf1 background color

This paragraph has a background color of #b4eaf1.

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

#b4eaf1 border color

This element has a border color of #b4eaf1.

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

CSS codes

.text {color:#b4eaf1;}

.background {background-color:#b4eaf1;}

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

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

#010708
```
#010708 rgb(1,7,8)
```
#051618
```
#051618 rgb(5,22,24)
```
#082529
```
#082529 rgb(8,37,41)
```
#0b3439
```
#0b3439 rgb(11,52,57)
```
#0e434a
```
#0e434a rgb(14,67,74)
```
#11525a
```
#11525a rgb(17,82,90)
```
#14616b
```
#14616b rgb(20,97,107)
```
#17707b
```
#17707b rgb(23,112,123)
```
#1a7f8c
```
#1a7f8c rgb(26,127,140)
```
#1d8e9c
```
#1d8e9c rgb(29,142,156)
```
#209dad
```
#209dad rgb(32,157,173)
```
#23acbd
```
#23acbd rgb(35,172,189)
```
#26bbce
```
#26bbce rgb(38,187,206)
```

Shade Color Variation

#30c5d8
```
#30c5d8 rgb(48,197,216)
```
#40cadb
```
#40cadb rgb(64,202,219)
```
#51cede
```
#51cede rgb(81,206,222)
```
#61d3e2
```
#61d3e2 rgb(97,211,226)
```
#72d7e5
```
#72d7e5 rgb(114,215,229)
```
#82dce8
```
#82dce8 rgb(130,220,232)
```
#93e1eb
```
#93e1eb rgb(147,225,235)
```
#a3e5ee
```
#a3e5ee rgb(163,229,238)
```
#b4eaf1
```
#b4eaf1 rgb(180,234,241)
```
#c5eff4
```
#c5eff4 rgb(197,239,244)
```
#d5f3f7
```
#d5f3f7 rgb(213,243,247)
```
#e6f8fa
```
#e6f8fa rgb(230,248,250)
```
#f6fdfd
```
#f6fdfd rgb(246,253,253)
```

Tint Color Variation

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

#cfd5d6
```
#cfd5d6 rgb(207,213,214)
```
#ccd8d9
```
#ccd8d9 rgb(204,216,217)
```
#c9dadc
```
#c9dadc rgb(201,218,220)
```
#c5dde0
```
#c5dde0 rgb(197,221,224)
```
#c2dfe3
```
#c2dfe3 rgb(194,223,227)
```
#bee2e7
```
#bee2e7 rgb(190,226,231)
```
#bbe5ea
```
#bbe5ea rgb(187,229,234)
```
#b7e7ee
```
#b7e7ee rgb(183,231,238)
```
#b4eaf1
```
#b4eaf1 rgb(180,234,241)
```
#b1edf4
```
#b1edf4 rgb(177,237,244)
```
#adeff8
```
#adeff8 rgb(173,239,248)
```
#aaf2fb
```
#aaf2fb rgb(170,242,251)
```
#a6f5ff
```
#a6f5ff rgb(166,245,255)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#d3dedf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2e0ec Protanopia 1% of men
#eddcf6 Deuteranopia 1% of men
#bae9fa Tritanopia 0.001% of the population

Trichromacy

#d1e4ed Protanomaly 1% of men, 0.01% of women
#d8e1f4 Deuteranomaly 6% of men, 0.4% of women
#b7e9f7 Tritanomaly 0.01% of the population

#b4eaf1 hex color

#b4eaf1 Color Information

#b4eaf1 Color Conversion

Color Schemes with #b4eaf1

Alternatives to #b4eaf1

#b4eaf1 Preview

Shades and Tints of #b4eaf1

Tones of #b4eaf1

Color Blindness Simulator