#baf5cb hex color

In a RGB color space, hex #baf5cb is composed of 72.9% red, 96.1% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 0% magenta, 17.1% yellow and 3.9% black. It has a hue angle of 137.3 degrees, a saturation of 74.7% and a lightness of 84.5%. #baf5cb color hex could be obtained by blending #ffffff with #75eb97. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 73
- G 96
- B 80
RGB color chart
- C 24
- M 0
- Y 17
- K 4
CMYK color chart

● #baf5cb color description : Very soft cyan - lime green.

The hexadecimal color #baf5cb has RGB values of R:186, G:245, B:203 and CMYK values of C:0.24, M:0, Y:0.17, K:0.04. Its decimal value is 12252619.

Hex triplet	baf5cb	`#baf5cb`
RGB Decimal	186, 245, 203	`rgb(186,245,203)`
RGB Percent	72.9, 96.1, 79.6	`rgb(72.9%,96.1%,79.6%)`
CMYK	24, 0, 17, 4
HSL	137.3°, 74.7, 84.5	`hsl(137.3,74.7%,84.5%)`
HSV (or HSB)	137.3°, 24.1, 96.1
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.709, -26.752, 14.255
XYZ	63.679, 80.054, 68.593
xyY	0.3, 0.377, 80.054
CIE-LCH	91.709, 30.313, 151.949
CIE-LUV	91.709, -29.323, 25.871
Hunter-Lab	89.473, -29.537, 17.177
Binary	10111010, 11110101, 11001011

#baf5cb
```
#baf5cb rgb(186,245,203)
```
#f5bae4
```
#f5bae4 rgb(245,186,228)
```

Complementary Color

#c7f5ba
```
#c7f5ba rgb(199,245,186)
```
#baf5cb
```
#baf5cb rgb(186,245,203)
```
#baf5e9
```
#baf5e9 rgb(186,245,233)
```

Analogous Color

#f5bac7
```
#f5bac7 rgb(245,186,199)
```
#baf5cb
```
#baf5cb rgb(186,245,203)
```
#e9baf5
```
#e9baf5 rgb(233,186,245)
```

Split Complementary Color

#f5cbba
```
#f5cbba rgb(245,203,186)
```
#baf5cb
```
#baf5cb rgb(186,245,203)
```
#cbbaf5
```
#cbbaf5 rgb(203,186,245)
```

Triadic Color

#e4f5ba
```
#e4f5ba rgb(228,245,186)
```
#baf5cb
```
#baf5cb rgb(186,245,203)
```
#cbbaf5
```
#cbbaf5 rgb(203,186,245)
```
#f5bae4
```
#f5bae4 rgb(245,186,228)
```

Tetradic Color

#77eb99
```
#77eb99 rgb(119,235,153)
```
#8defa9
```
#8defa9 rgb(141,239,169)
```
#a4f2ba
```
#a4f2ba rgb(164,242,186)
```
#baf5cb
```
#baf5cb rgb(186,245,203)
```
#d0f8dc
```
#d0f8dc rgb(208,248,220)
```
#e7fbed
```
#e7fbed rgb(231,251,237)
```
#fdfffd
```
#fdfffd rgb(253,255,253)
```

Monochromatic Color

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

#baf5bc
```
#baf5bc rgb(186,245,188)
```
#baf5c1
```
#baf5c1 rgb(186,245,193)
```
#baf5c6
```
#baf5c6 rgb(186,245,198)
```
#baf5cb
```
#baf5cb rgb(186,245,203)
```
#baf5d0
```
#baf5d0 rgb(186,245,208)
```
#baf5d5
```
#baf5d5 rgb(186,245,213)
```
#baf5da
```
#baf5da rgb(186,245,218)
```

Similar Colors

Text with hexadecimal color #baf5cb

This text has a font color of #baf5cb.

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

#baf5cb background color

This paragraph has a background color of #baf5cb.

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

#baf5cb border color

This element has a border color of #baf5cb.

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

CSS codes

.text {color:#baf5cb;}

.background {background-color:#baf5cb;}

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

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

#021107
```
#021107 rgb(2,17,7)
```
#05220d
```
#05220d rgb(5,34,13)
```
#073314
```
#073314 rgb(7,51,20)
```
#0a441b
```
#0a441b rgb(10,68,27)
```
#0c5521
```
#0c5521 rgb(12,85,33)
```
#0f6628
```
#0f6628 rgb(15,102,40)
```
#11772f
```
#11772f rgb(17,119,47)
```
#148935
```
#148935 rgb(20,137,53)
```
#169a3c
```
#169a3c rgb(22,154,60)
```
#19ab43
```
#19ab43 rgb(25,171,67)
```
#1bbc4a
```
#1bbc4a rgb(27,188,74)
```
#1ecd50
```
#1ecd50 rgb(30,205,80)
```
#20de57
```
#20de57 rgb(32,222,87)
```

Shade Color Variation

#31e164
```
#31e164 rgb(49,225,100)
```
#42e471
```
#42e471 rgb(66,228,113)
```
#53e67e
```
#53e67e rgb(83,230,126)
```
#64e98a
```
#64e98a rgb(100,233,138)
```
#75eb97
```
#75eb97 rgb(117,235,151)
```
#87eea4
```
#87eea4 rgb(135,238,164)
```
#98f0b1
```
#98f0b1 rgb(152,240,177)
```
#a9f3be
```
#a9f3be rgb(169,243,190)
```
#baf5cb
```
#baf5cb rgb(186,245,203)
```
#cbf7d8
```
#cbf7d8 rgb(203,247,216)
```
#dcfae5
```
#dcfae5 rgb(220,250,229)
```
#edfcf2
```
#edfcf2 rgb(237,252,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#d5dad7
```
#d5dad7 rgb(213,218,215)
```
#d2ddd5
```
#d2ddd5 rgb(210,221,213)
```
#cfe0d4
```
#cfe0d4 rgb(207,224,212)
```
#cce3d3
```
#cce3d3 rgb(204,227,211)
```
#c9e6d1
```
#c9e6d1 rgb(201,230,209)
```
#c6e9d0
```
#c6e9d0 rgb(198,233,208)
```
#c3eccf
```
#c3eccf rgb(195,236,207)
```
#c0efce
```
#c0efce rgb(192,239,206)
```
#bdf2cc
```
#bdf2cc rgb(189,242,204)
```
#baf5cb
```
#baf5cb rgb(186,245,203)
```
#b7f8ca
```
#b7f8ca rgb(183,248,202)
```
#b4fbc8
```
#b4fbc8 rgb(180,251,200)
```
#b1fec7
```
#b1fec7 rgb(177,254,199)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#d8e3db Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4e7c7 Protanopia 1% of men
#ffe2d9 Deuteranopia 1% of men
#c9eeff Tritanopia 0.001% of the population

Trichromacy

#dfecc8 Protanomaly 1% of men, 0.01% of women
#e5e9d4 Deuteranomaly 6% of men, 0.4% of women
#c3f0ec Tritanomaly 0.01% of the population

#baf5cb hex color

#baf5cb Color Information

#baf5cb Color Conversion

Color Schemes with #baf5cb

Alternatives to #baf5cb

#baf5cb Preview

Shades and Tints of #baf5cb

Tones of #baf5cb

Color Blindness Simulator