#baf3dc hex color

In a RGB color space, hex #baf3dc is composed of 72.9% red, 95.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 0% magenta, 9.5% yellow and 4.7% black. It has a hue angle of 155.8 degrees, a saturation of 70.4% and a lightness of 84.1%. #baf3dc color hex could be obtained by blending #ffffff with #75e7b9. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 73
- G 95
- B 86
RGB color chart
- C 23
- M 0
- Y 9
- K 5
CMYK color chart

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

The hexadecimal color #baf3dc has RGB values of R:186, G:243, B:220 and CMYK values of C:0.23, M:0, Y:0.09, K:0.05. Its decimal value is 12252124.

Hex triplet	baf3dc	`#baf3dc`
RGB Decimal	186, 243, 220	`rgb(186,243,220)`
RGB Percent	72.9, 95.3, 86.3	`rgb(72.9%,95.3%,86.3%)`
CMYK	23, 0, 9, 5
HSL	155.8°, 70.4, 84.1	`hsl(155.8,70.4%,84.1%)`
HSV (or HSB)	155.8°, 23.5, 95.3
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.553, -22.587, 5.225
XYZ	65.215, 79.706, 79.655
xyY	0.29, 0.355, 79.706
CIE-LCH	91.553, 23.183, 166.976
CIE-LUV	91.553, -28.451, 11.869
Hunter-Lab	89.278, -25.847, 9.595
Binary	10111010, 11110011, 11011100

#baf3dc
```
#baf3dc rgb(186,243,220)
```
#f3bad1
```
#f3bad1 rgb(243,186,209)
```

Complementary Color

#baf3c0
```
#baf3c0 rgb(186,243,192)
```
#baf3dc
```
#baf3dc rgb(186,243,220)
```
#baeef3
```
#baeef3 rgb(186,238,243)
```

Analogous Color

#f3c0ba
```
#f3c0ba rgb(243,192,186)
```
#baf3dc
```
#baf3dc rgb(186,243,220)
```
#f3baee
```
#f3baee rgb(243,186,238)
```

Split Complementary Color

#f3dcba
```
#f3dcba rgb(243,220,186)
```
#baf3dc
```
#baf3dc rgb(186,243,220)
```
#dcbaf3
```
#dcbaf3 rgb(220,186,243)
```

Triadic Color

#d1f3ba
```
#d1f3ba rgb(209,243,186)
```
#baf3dc
```
#baf3dc rgb(186,243,220)
```
#dcbaf3
```
#dcbaf3 rgb(220,186,243)
```
#f3bad1
```
#f3bad1 rgb(243,186,209)
```

Tetradic Color

#79e8bb
```
#79e8bb rgb(121,232,187)
```
#8febc6
```
#8febc6 rgb(143,235,198)
```
#a4efd1
```
#a4efd1 rgb(164,239,209)
```
#baf3dc
```
#baf3dc rgb(186,243,220)
```
#d0f7e7
```
#d0f7e7 rgb(208,247,231)
```
#e5fbf2
```
#e5fbf2 rgb(229,251,242)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Monochromatic Color

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

#baf3ce
```
#baf3ce rgb(186,243,206)
```
#baf3d3
```
#baf3d3 rgb(186,243,211)
```
#baf3d7
```
#baf3d7 rgb(186,243,215)
```
#baf3dc
```
#baf3dc rgb(186,243,220)
```
#baf3e1
```
#baf3e1 rgb(186,243,225)
```
#baf3e6
```
#baf3e6 rgb(186,243,230)
```
#baf3ea
```
#baf3ea rgb(186,243,234)
```

Similar Colors

Text with hexadecimal color #baf3dc

This text has a font color of #baf3dc.

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

#baf3dc background color

This paragraph has a background color of #baf3dc.

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

#baf3dc border color

This element has a border color of #baf3dc.

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

CSS codes

.text {color:#baf3dc;}

.background {background-color:#baf3dc;}

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

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, #030f0a is the darkest color, while #fdfffe is the lightest one.

#030f0a
```
#030f0a rgb(3,15,10)
```
#051f15
```
#051f15 rgb(5,31,21)
```
#083020
```
#083020 rgb(8,48,32)
```
#0b412b
```
#0b412b rgb(11,65,43)
```
#0e5136
```
#0e5136 rgb(14,81,54)
```
#116241
```
#116241 rgb(17,98,65)
```
#14734d
```
#14734d rgb(20,115,77)
```
#178458
```
#178458 rgb(23,132,88)
```
#1a9463
```
#1a9463 rgb(26,148,99)
```
#1da56e
```
#1da56e rgb(29,165,110)
```
#20b679
```
#20b679 rgb(32,182,121)
```
#22c684
```
#22c684 rgb(34,198,132)
```
#25d78f
```
#25d78f rgb(37,215,143)
```

Shade Color Variation

#34dc98
```
#34dc98 rgb(52,220,152)
```
#45dfa1
```
#45dfa1 rgb(69,223,161)
```
#56e2a9
```
#56e2a9 rgb(86,226,169)
```
#66e4b2
```
#66e4b2 rgb(102,228,178)
```
#77e7ba
```
#77e7ba rgb(119,231,186)
```
#88eac3
```
#88eac3 rgb(136,234,195)
```
#99edcb
```
#99edcb rgb(153,237,203)
```
#a9f0d4
```
#a9f0d4 rgb(169,240,212)
```
#baf3dc
```
#baf3dc rgb(186,243,220)
```
#cbf6e4
```
#cbf6e4 rgb(203,246,228)
```
#dbf9ed
```
#dbf9ed rgb(219,249,237)
```
#ecfcf5
```
#ecfcf5 rgb(236,252,245)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#d6d7d7
```
#d6d7d7 rgb(214,215,215)
```
#d3dad7
```
#d3dad7 rgb(211,218,215)
```
#d0ddd8
```
#d0ddd8 rgb(208,221,216)
```
#cde0d8
```
#cde0d8 rgb(205,224,216)
```
#cae3d9
```
#cae3d9 rgb(202,227,217)
```
#c6e7da
```
#c6e7da rgb(198,231,218)
```
#c3eada
```
#c3eada rgb(195,234,218)
```
#c0eddb
```
#c0eddb rgb(192,237,219)
```
#bdf0db
```
#bdf0db rgb(189,240,219)
```
#baf3dc
```
#baf3dc rgb(186,243,220)
```
#b7f6dd
```
#b7f6dd rgb(183,246,221)
```
#b4f9dd
```
#b4f9dd rgb(180,249,221)
```
#b1fcde
```
#b1fcde rgb(177,252,222)
```

Tone Color Variation

Below, you can see how #baf3dc 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
#d8e3de Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe7d7 Protanopia 1% of men
#fee0e4 Deuteranopia 1% of men
#c6eeff Tritanopia 0.001% of the population

Trichromacy

#dcebd9 Protanomaly 1% of men, 0.01% of women
#e5e7e1 Deuteranomaly 6% of men, 0.4% of women
#c2f0f2 Tritanomaly 0.01% of the population

#baf3dc hex color

#baf3dc Color Information

#baf3dc Color Conversion

Color Schemes with #baf3dc

Alternatives to #baf3dc

#baf3dc Preview

Shades and Tints of #baf3dc

Tones of #baf3dc

Color Blindness Simulator