#baf9dc hex color

In a RGB color space, hex #baf9dc is composed of 72.9% red, 97.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 0% magenta, 11.6% yellow and 2.4% black. It has a hue angle of 152.4 degrees, a saturation of 84% and a lightness of 85.3%. #baf9dc color hex could be obtained by blending #ffffff with #75f3b9. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 73
- G 98
- B 86
RGB color chart
- C 25
- M 0
- Y 12
- K 2
CMYK color chart

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

The hexadecimal color #baf9dc has RGB values of R:186, G:249, B:220 and CMYK values of C:0.25, M:0, Y:0.12, K:0.02. Its decimal value is 12253660.

Hex triplet	baf9dc	`#baf9dc`
RGB Decimal	186, 249, 220	`rgb(186,249,220)`
RGB Percent	72.9, 97.6, 86.3	`rgb(72.9%,97.6%,86.3%)`
CMYK	25, 0, 12, 2
HSL	152.4°, 84, 85.3	`hsl(152.4,84%,85.3%)`
HSV (or HSB)	152.4°, 25.3, 97.6
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	93.17, -25.482, 7.556
XYZ	67.04, 83.356, 80.263
xyY	0.291, 0.361, 83.356
CIE-LCH	93.17, 26.579, 163.485
CIE-LUV	93.17, -31.175, 15.901
Hunter-Lab	91.299, -28.703, 11.786
Binary	10111010, 11111001, 11011100

#baf9dc
```
#baf9dc rgb(186,249,220)
```
#f9bad7
```
#f9bad7 rgb(249,186,215)
```

Complementary Color

#baf9bd
```
#baf9bd rgb(186,249,189)
```
#baf9dc
```
#baf9dc rgb(186,249,220)
```
#baf7f9
```
#baf7f9 rgb(186,247,249)
```

Analogous Color

#f9bdba
```
#f9bdba rgb(249,189,186)
```
#baf9dc
```
#baf9dc rgb(186,249,220)
```
#f9baf7
```
#f9baf7 rgb(249,186,247)
```

Split Complementary Color

#f9dcba
```
#f9dcba rgb(249,220,186)
```
#baf9dc
```
#baf9dc rgb(186,249,220)
```
#dcbaf9
```
#dcbaf9 rgb(220,186,249)
```

Triadic Color

#d7f9ba
```
#d7f9ba rgb(215,249,186)
```
#baf9dc
```
#baf9dc rgb(186,249,220)
```
#dcbaf9
```
#dcbaf9 rgb(220,186,249)
```
#f9bad7
```
#f9bad7 rgb(249,186,215)
```

Tetradic Color

#74f3b8
```
#74f3b8 rgb(116,243,184)
```
#8bf5c4
```
#8bf5c4 rgb(139,245,196)
```
#a3f7d0
```
#a3f7d0 rgb(163,247,208)
```
#baf9dc
```
#baf9dc rgb(186,249,220)
```
#d1fbe8
```
#d1fbe8 rgb(209,251,232)
```
#e9fdf4
```
#e9fdf4 rgb(233,253,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#baf9cc
```
#baf9cc rgb(186,249,204)
```
#baf9d2
```
#baf9d2 rgb(186,249,210)
```
#baf9d7
```
#baf9d7 rgb(186,249,215)
```
#baf9dc
```
#baf9dc rgb(186,249,220)
```
#baf9e1
```
#baf9e1 rgb(186,249,225)
```
#baf9e7
```
#baf9e7 rgb(186,249,231)
```
#baf9ec
```
#baf9ec rgb(186,249,236)
```

Similar Colors

Text with hexadecimal color #baf9dc

This text has a font color of #baf9dc.

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

#baf9dc background color

This paragraph has a background color of #baf9dc.

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

#baf9dc border color

This element has a border color of #baf9dc.

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

CSS codes

.text {color:#baf9dc;}

.background {background-color:#baf9dc;}

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

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

#000302
```
#000302 rgb(0,3,2)
```
#02150c
```
#02150c rgb(2,21,12)
```
#032717
```
#032717 rgb(3,39,23)
```
#053921
```
#053921 rgb(5,57,33)
```
#074b2c
```
#074b2c rgb(7,75,44)
```
#085d36
```
#085d36 rgb(8,93,54)
```
#0a6f41
```
#0a6f41 rgb(10,111,65)
```
#0b824b
```
#0b824b rgb(11,130,75)
```
#0d9456
```
#0d9456 rgb(13,148,86)
```
#0ea660
```
#0ea660 rgb(14,166,96)
```
#10b86a
```
#10b86a rgb(16,184,106)
```
#12ca75
```
#12ca75 rgb(18,202,117)
```
#13dc7f
```
#13dc7f rgb(19,220,127)
```

Shade Color Variation

#18eb8a
```
#18eb8a rgb(24,235,138)
```
#2aec93
```
#2aec93 rgb(42,236,147)
```
#3cee9c
```
#3cee9c rgb(60,238,156)
```
#4ef0a5
```
#4ef0a5 rgb(78,240,165)
```
#60f1ae
```
#60f1ae rgb(96,241,174)
```
#72f3b7
```
#72f3b7 rgb(114,243,183)
```
#84f4c1
```
#84f4c1 rgb(132,244,193)
```
#96f6ca
```
#96f6ca rgb(150,246,202)
```
#a8f7d3
```
#a8f7d3 rgb(168,247,211)
```
#baf9dc
```
#baf9dc rgb(186,249,220)
```
#ccfbe5
```
#ccfbe5 rgb(204,251,229)
```
#defcee
```
#defcee rgb(222,252,238)
```
#f0fef7
```
#f0fef7 rgb(240,254,247)
```

Tint Color Variation

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

#d7dcda
```
#d7dcda rgb(215,220,218)
```
#d4dfda
```
#d4dfda rgb(212,223,218)
```
#d1e2da
```
#d1e2da rgb(209,226,218)
```
#cee5da
```
#cee5da rgb(206,229,218)
```
#cbe8db
```
#cbe8db rgb(203,232,219)
```
#c8ebdb
```
#c8ebdb rgb(200,235,219)
```
#c6eddb
```
#c6eddb rgb(198,237,219)
```
#c3f0db
```
#c3f0db rgb(195,240,219)
```
#c0f3dc
```
#c0f3dc rgb(192,243,220)
```
#bdf6dc
```
#bdf6dc rgb(189,246,220)
```
#baf9dc
```
#baf9dc rgb(186,249,220)
```
#b7fcdc
```
#b7fcdc rgb(183,252,220)
```
#b4ffdc
```
#b4ffdc rgb(180,255,220)
```

Tone Color Variation

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

#e3e3e3 Achromatopsia 0.005% of the population
#dbe7e2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5ebd7 Protanopia 1% of men
#ffe7e6 Deuteranopia 1% of men
#d1f1ff Tritanopia 0.001% of the population

Trichromacy

#dff0d8 Protanomaly 1% of men, 0.01% of women
#e5ede2 Deuteranomaly 6% of men, 0.4% of women
#c8f4f2 Tritanomaly 0.01% of the population

#baf9dc hex color

#baf9dc Color Information

#baf9dc Color Conversion

Color Schemes with #baf9dc

Alternatives to #baf9dc

#baf9dc Preview

Shades and Tints of #baf9dc

Tones of #baf9dc

Color Blindness Simulator