#baf7bf hex color

In a RGB color space, hex #baf7bf is composed of 72.9% red, 96.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 0% magenta, 22.7% yellow and 3.1% black. It has a hue angle of 124.9 degrees, a saturation of 79.2% and a lightness of 84.9%. #baf7bf color hex could be obtained by blending #ffffff with #75ef7f. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 73
- G 97
- B 75
RGB color chart
- C 25
- M 0
- Y 23
- K 3
CMYK color chart

● #baf7bf color description : Very soft lime green.

The hexadecimal color #baf7bf has RGB values of R:186, G:247, B:191 and CMYK values of C:0.25, M:0, Y:0.23, K:0.03. Its decimal value is 12253119.

Hex triplet	baf7bf	`#baf7bf`
RGB Decimal	186, 247, 191	`rgb(186,247,191)`
RGB Percent	72.9, 96.9, 74.9	`rgb(72.9%,96.9%,74.9%)`
CMYK	25, 0, 23, 3
HSL	124.9°, 79.2, 84.9	`hsl(124.9,79.2%,84.9%)`
HSV (or HSB)	124.9°, 24.7, 96.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.007, -29.801, 20.848
XYZ	62.912, 80.72, 61.553
xyY	0.307, 0.393, 80.72
CIE-LCH	92.007, 36.369, 145.024
CIE-LUV	92.007, -30.245, 35.654
Hunter-Lab	89.844, -32.237, 22.271
Binary	10111010, 11110111, 10111111

#baf7bf
```
#baf7bf rgb(186,247,191)
```
#f7baf2
```
#f7baf2 rgb(247,186,242)
```

Complementary Color

#d4f7ba
```
#d4f7ba rgb(212,247,186)
```
#baf7bf
```
#baf7bf rgb(186,247,191)
```
#baf7de
```
#baf7de rgb(186,247,222)
```

Analogous Color

#f7bad4
```
#f7bad4 rgb(247,186,212)
```
#baf7bf
```
#baf7bf rgb(186,247,191)
```
#debaf7
```
#debaf7 rgb(222,186,247)
```

Split Complementary Color

#f7bfba
```
#f7bfba rgb(247,191,186)
```
#baf7bf
```
#baf7bf rgb(186,247,191)
```
#bfbaf7
```
#bfbaf7 rgb(191,186,247)
```

Triadic Color

#f2f7ba
```
#f2f7ba rgb(242,247,186)
```
#baf7bf
```
#baf7bf rgb(186,247,191)
```
#bfbaf7
```
#bfbaf7 rgb(191,186,247)
```
#f7baf2
```
#f7baf2 rgb(247,186,242)
```

Tetradic Color

#75ef7f
```
#75ef7f rgb(117,239,127)
```
#8cf295
```
#8cf295 rgb(140,242,149)
```
#a3f4aa
```
#a3f4aa rgb(163,244,170)
```
#baf7bf
```
#baf7bf rgb(186,247,191)
```
#d1fad4
```
#d1fad4 rgb(209,250,212)
```
#e8fce9
```
#e8fce9 rgb(232,252,233)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c4f7ba
```
#c4f7ba rgb(196,247,186)
```
#bff7ba
```
#bff7ba rgb(191,247,186)
```
#baf7ba
```
#baf7ba rgb(186,247,186)
```
#baf7bf
```
#baf7bf rgb(186,247,191)
```
#baf7c4
```
#baf7c4 rgb(186,247,196)
```
#baf7c9
```
#baf7c9 rgb(186,247,201)
```
#baf7ce
```
#baf7ce rgb(186,247,206)
```

Similar Colors

Text with hexadecimal color #baf7bf

This text has a font color of #baf7bf.

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

#baf7bf background color

This paragraph has a background color of #baf7bf.

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

#baf7bf border color

This element has a border color of #baf7bf.

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

CSS codes

.text {color:#baf7bf;}

.background {background-color:#baf7bf;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#021304
```
#021304 rgb(2,19,4)
```
#042407
```
#042407 rgb(4,36,7)
```
#06360a
```
#06360a rgb(6,54,10)
```
#08480d
```
#08480d rgb(8,72,13)
```
#0a5911
```
#0a5911 rgb(10,89,17)
```
#0c6b14
```
#0c6b14 rgb(12,107,20)
```
#0e7c17
```
#0e7c17 rgb(14,124,23)
```
#108e1b
```
#108e1b rgb(16,142,27)
```
#12a01e
```
#12a01e rgb(18,160,30)
```
#15b121
```
#15b121 rgb(21,177,33)
```
#17c325
```
#17c325 rgb(23,195,37)
```
#19d428
```
#19d428 rgb(25,212,40)
```

Shade Color Variation

#1ce52c
```
#1ce52c rgb(28,229,44)
```
#2de73d
```
#2de73d rgb(45,231,61)
```
#3fe94d
```
#3fe94d rgb(63,233,77)
```
#51eb5d
```
#51eb5d rgb(81,235,93)
```
#62ed6d
```
#62ed6d rgb(98,237,109)
```
#74ef7e
```
#74ef7e rgb(116,239,126)
```
#85f18e
```
#85f18e rgb(133,241,142)
```
#97f39e
```
#97f39e rgb(151,243,158)
```
#a8f5af
```
#a8f5af rgb(168,245,175)
```
#baf7bf
```
#baf7bf rgb(186,247,191)
```
#ccf9cf
```
#ccf9cf rgb(204,249,207)
```
#ddfbe0
```
#ddfbe0 rgb(221,251,224)
```
#effdf0
```
#effdf0 rgb(239,253,240)
```

Tint Color Variation

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

#d8d9d8
```
#d8d9d8 rgb(216,217,216)
```
#d5dcd5
```
#d5dcd5 rgb(213,220,213)
```
#d2dfd3
```
#d2dfd3 rgb(210,223,211)
```
#cfe2d0
```
#cfe2d0 rgb(207,226,208)
```
#cce5ce
```
#cce5ce rgb(204,229,206)
```
#c9e8cb
```
#c9e8cb rgb(201,232,203)
```
#c6ebc9
```
#c6ebc9 rgb(198,235,201)
```
#c3eec6
```
#c3eec6 rgb(195,238,198)
```
#c0f1c4
```
#c0f1c4 rgb(192,241,196)
```
#bdf4c1
```
#bdf4c1 rgb(189,244,193)
```
#baf7bf
```
#baf7bf rgb(186,247,191)
```
#b7fabd
```
#b7fabd rgb(183,250,189)
```
#b4fdba
```
#b4fdba rgb(180,253,186)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#d7e3d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7e8bb Protanopia 1% of men
#ffe4d5 Deuteranopia 1% of men
#cceeff Tritanopia 0.001% of the population

Trichromacy

#e1edbc Protanomaly 1% of men, 0.01% of women
#e5eacd Deuteranomaly 6% of men, 0.4% of women
#c5f1e7 Tritanomaly 0.01% of the population

#baf7bf hex color

#baf7bf Color Information

#baf7bf Color Conversion

Color Schemes with #baf7bf

Alternatives to #baf7bf

#baf7bf Preview

Shades and Tints of #baf7bf

Tones of #baf7bf

Color Blindness Simulator