#baf9ef hex color

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

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

● #baf9ef color description : Very soft cyan.

The hexadecimal color #baf9ef has RGB values of R:186, G:249, B:239 and CMYK values of C:0.25, M:0, Y:0.04, K:0.02. Its decimal value is 12253679.

Hex triplet	baf9ef	`#baf9ef`
RGB Decimal	186, 249, 239	`rgb(186,249,239)`
RGB Percent	72.9, 97.6, 93.7	`rgb(72.9%,97.6%,93.7%)`
CMYK	25, 0, 4, 2
HSL	170.5°, 84, 85.3	`hsl(170.5,84%,85.3%)`
HSV (or HSB)	170.5°, 25.3, 97.6
Web Safe	ccffff	`#ccffff`

CIE-LAB	93.633, -21.664, -1.604
XYZ	69.701, 84.42, 94.279
xyY	0.281, 0.34, 84.42
CIE-LCH	93.633, 21.723, 184.234
CIE-LUV	93.633, -31.178, 1.218
Hunter-Lab	91.88, -25.379, 3.479
Binary	10111010, 11111001, 11101111

#baf9ef
```
#baf9ef rgb(186,249,239)
```
#f9bac4
```
#f9bac4 rgb(249,186,196)
```

Complementary Color

#baf9d0
```
#baf9d0 rgb(186,249,208)
```
#baf9ef
```
#baf9ef rgb(186,249,239)
```
#bae4f9
```
#bae4f9 rgb(186,228,249)
```

Analogous Color

#f9d0ba
```
#f9d0ba rgb(249,208,186)
```
#baf9ef
```
#baf9ef rgb(186,249,239)
```
#f9bae4
```
#f9bae4 rgb(249,186,228)
```

Split Complementary Color

#f9efba
```
#f9efba rgb(249,239,186)
```
#baf9ef
```
#baf9ef rgb(186,249,239)
```
#efbaf9
```
#efbaf9 rgb(239,186,249)
```

Triadic Color

#c4f9ba
```
#c4f9ba rgb(196,249,186)
```
#baf9ef
```
#baf9ef rgb(186,249,239)
```
#efbaf9
```
#efbaf9 rgb(239,186,249)
```
#f9bac4
```
#f9bac4 rgb(249,186,196)
```

Tetradic Color

#74f3df
```
#74f3df rgb(116,243,223)
```
#8bf5e4
```
#8bf5e4 rgb(139,245,228)
```
#a3f7ea
```
#a3f7ea rgb(163,247,234)
```
#baf9ef
```
#baf9ef rgb(186,249,239)
```
#d1fbf4
```
#d1fbf4 rgb(209,251,244)
```
#e9fdfa
```
#e9fdfa rgb(233,253,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#baf9df
```
#baf9df rgb(186,249,223)
```
#baf9e5
```
#baf9e5 rgb(186,249,229)
```
#baf9ea
```
#baf9ea rgb(186,249,234)
```
#baf9ef
```
#baf9ef rgb(186,249,239)
```
#baf9f4
```
#baf9f4 rgb(186,249,244)
```
#baf9f9
```
#baf9f9 rgb(186,249,249)
```
#baf3f9
```
#baf3f9 rgb(186,243,249)
```

Similar Colors

Text with hexadecimal color #baf9ef

This text has a font color of #baf9ef.

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

#baf9ef background color

This paragraph has a background color of #baf9ef.

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

#baf9ef border color

This element has a border color of #baf9ef.

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

CSS codes

.text {color:#baf9ef;}

.background {background-color:#baf9ef;}

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

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

#000303
```
#000303 rgb(0,3,3)
```
#021512
```
#021512 rgb(2,21,18)
```
#032722
```
#032722 rgb(3,39,34)
```
#053931
```
#053931 rgb(5,57,49)
```
#074b40
```
#074b40 rgb(7,75,64)
```
#085d50
```
#085d50 rgb(8,93,80)
```
#0a6f5f
```
#0a6f5f rgb(10,111,95)
```
#0b826f
```
#0b826f rgb(11,130,111)
```
#0d947e
```
#0d947e rgb(13,148,126)
```
#0ea68e
```
#0ea68e rgb(14,166,142)
```
#10b89d
```
#10b89d rgb(16,184,157)
```
#12caac
```
#12caac rgb(18,202,172)
```
#13dcbc
```
#13dcbc rgb(19,220,188)
```

Shade Color Variation

#18ebc9
```
#18ebc9 rgb(24,235,201)
```
#2aecce
```
#2aecce rgb(42,236,206)
```
#3ceed2
```
#3ceed2 rgb(60,238,210)
```
#4ef0d6
```
#4ef0d6 rgb(78,240,214)
```
#60f1da
```
#60f1da rgb(96,241,218)
```
#72f3de
```
#72f3de rgb(114,243,222)
```
#84f4e2
```
#84f4e2 rgb(132,244,226)
```
#96f6e7
```
#96f6e7 rgb(150,246,231)
```
#a8f7eb
```
#a8f7eb rgb(168,247,235)
```
#baf9ef
```
#baf9ef rgb(186,249,239)
```
#ccfbf3
```
#ccfbf3 rgb(204,251,243)
```
#defcf7
```
#defcf7 rgb(222,252,247)
```
#f0fefc
```
#f0fefc rgb(240,254,252)
```

Tint Color Variation

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

#d7dcdb
```
#d7dcdb rgb(215,220,219)
```
#d4dfdd
```
#d4dfdd rgb(212,223,221)
```
#d1e2df
```
#d1e2df rgb(209,226,223)
```
#cee5e1
```
#cee5e1 rgb(206,229,225)
```
#cbe8e3
```
#cbe8e3 rgb(203,232,227)
```
#c8ebe5
```
#c8ebe5 rgb(200,235,229)
```
#c6ede7
```
#c6ede7 rgb(198,237,231)
```
#c3f0e9
```
#c3f0e9 rgb(195,240,233)
```
#c0f3eb
```
#c0f3eb rgb(192,243,235)
```
#bdf6ed
```
#bdf6ed rgb(189,246,237)
```
#baf9ef
```
#baf9ef rgb(186,249,239)
```
#b7fcf1
```
#b7fcf1 rgb(183,252,241)
```
#b4fff3
```
#b4fff3 rgb(180,255,243)
```

Tone Color Variation

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

#e5e5e5 Achromatopsia 0.005% of the population
#dce9e7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2ece9 Protanopia 1% of men
#ffe7f5 Deuteranopia 1% of men
#d3f2ff Tritanopia 0.001% of the population

Trichromacy

#def1eb Protanomaly 1% of men, 0.01% of women
#e5edf3 Deuteranomaly 6% of men, 0.4% of women
#caf5f9 Tritanomaly 0.01% of the population

#baf9ef hex color

#baf9ef Color Information

#baf9ef Color Conversion

Color Schemes with #baf9ef

Alternatives to #baf9ef

#baf9ef Preview

Shades and Tints of #baf9ef

Tones of #baf9ef

Color Blindness Simulator