#baf69d hex color

In a RGB color space, hex #baf69d is composed of 72.9% red, 96.5% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 0% magenta, 36.2% yellow and 3.5% black. It has a hue angle of 100.4 degrees, a saturation of 83.2% and a lightness of 79%. #baf69d color hex could be obtained by blending #ffffff with #75ed3b. Closest websafe color is: #ccff99.

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

● #baf69d color description : Very soft green.

The hexadecimal color #baf69d has RGB values of R:186, G:246, B:157 and CMYK values of C:0.24, M:0, Y:0.36, K:0.04. Its decimal value is 12252829.

Hex triplet	baf69d	`#baf69d`
RGB Decimal	186, 246, 157	`rgb(186,246,157)`
RGB Percent	72.9, 96.5, 61.6	`rgb(72.9%,96.5%,61.6%)`
CMYK	24, 0, 36, 4
HSL	100.4°, 83.2, 79	`hsl(100.4,83.2%,79%)`
HSV (or HSB)	100.4°, 36.2, 96.5
Web Safe	ccff99	`#ccff99`

CIE-LAB	91.136, -34.576, 36.877
XYZ	59.289, 78.783, 43.979
xyY	0.326, 0.433, 78.783
CIE-LCH	91.136, 50.551, 133.155
CIE-LUV	91.136, -29.747, 56.983
Hunter-Lab	88.76, -36.097, 32.755
Binary	10111010, 11110110, 10011101

#baf69d
```
#baf69d rgb(186,246,157)
```
#d99df6
```
#d99df6 rgb(217,157,246)
```

Complementary Color

#e7f69d
```
#e7f69d rgb(231,246,157)
```
#baf69d
```
#baf69d rgb(186,246,157)
```
#9df6ad
```
#9df6ad rgb(157,246,173)
```

Analogous Color

#f69de7
```
#f69de7 rgb(246,157,231)
```
#baf69d
```
#baf69d rgb(186,246,157)
```
#ad9df6
```
#ad9df6 rgb(173,157,246)
```

Split Complementary Color

#f69dba
```
#f69dba rgb(246,157,186)
```
#baf69d
```
#baf69d rgb(186,246,157)
```
#9dbaf6
```
#9dbaf6 rgb(157,186,246)
```

Triadic Color

#f6d99d
```
#f6d99d rgb(246,217,157)
```
#baf69d
```
#baf69d rgb(186,246,157)
```
#9dbaf6
```
#9dbaf6 rgb(157,186,246)
```
#d99df6
```
#d99df6 rgb(217,157,246)
```

Tetradic Color

#89f057
```
#89f057 rgb(137,240,87)
```
#99f26e
```
#99f26e rgb(153,242,110)
```
#aaf486
```
#aaf486 rgb(170,244,134)
```
#baf69d
```
#baf69d rgb(186,246,157)
```
#caf8b4
```
#caf8b4 rgb(202,248,180)
```
#dbfacc
```
#dbfacc rgb(219,250,204)
```
#ebfce3
```
#ebfce3 rgb(235,252,227)
```

Monochromatic Color

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

#d0f69d
```
#d0f69d rgb(208,246,157)
```
#c9f69d
```
#c9f69d rgb(201,246,157)
```
#c1f69d
```
#c1f69d rgb(193,246,157)
```
#baf69d
```
#baf69d rgb(186,246,157)
```
#b3f69d
```
#b3f69d rgb(179,246,157)
```
#abf69d
```
#abf69d rgb(171,246,157)
```
#a4f69d
```
#a4f69d rgb(164,246,157)
```

Similar Colors

Text with hexadecimal color #baf69d

This text has a font color of #baf69d.

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

#baf69d background color

This paragraph has a background color of #baf69d.

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

#baf69d border color

This element has a border color of #baf69d.

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

CSS codes

.text {color:#baf69d;}

.background {background-color:#baf69d;}

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

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, #040a01 is the darkest color, while #f9fef7 is the lightest one.

#040a01
```
#040a01 rgb(4,10,1)
```
#0b1c03
```
#0b1c03 rgb(11,28,3)
```
#122e04
```
#122e04 rgb(18,46,4)
```
#194006
```
#194006 rgb(25,64,6)
```
#205207
```
#205207 rgb(32,82,7)
```
#276409
```
#276409 rgb(39,100,9)
```
#2e760b
```
#2e760b rgb(46,118,11)
```
#35880c
```
#35880c rgb(53,136,12)
```
#3c9a0e
```
#3c9a0e rgb(60,154,14)
```
#42ab10
```
#42ab10 rgb(66,171,16)
```
#49bd11
```
#49bd11 rgb(73,189,17)
```
#50cf13
```
#50cf13 rgb(80,207,19)
```
#57e115
```
#57e115 rgb(87,225,21)
```

Shade Color Variation

#61ea1f
```
#61ea1f rgb(97,234,31)
```
#6eec31
```
#6eec31 rgb(110,236,49)
```
#7bee43
```
#7bee43 rgb(123,238,67)
```
#87ef55
```
#87ef55 rgb(135,239,85)
```
#94f167
```
#94f167 rgb(148,241,103)
```
#a1f379
```
#a1f379 rgb(161,243,121)
```
#adf48b
```
#adf48b rgb(173,244,139)
```
#baf69d
```
#baf69d rgb(186,246,157)
```
#c7f8af
```
#c7f8af rgb(199,248,175)
```
#d3f9c1
```
#d3f9c1 rgb(211,249,193)
```
#e0fbd3
```
#e0fbd3 rgb(224,251,211)
```
#edfde5
```
#edfde5 rgb(237,253,229)
```
#f9fef7
```
#f9fef7 rgb(249,254,247)
```

Tint Color Variation

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

#c8cdc6
```
#c8cdc6 rgb(200,205,198)
```
#c7d1c2
```
#c7d1c2 rgb(199,209,194)
```
#c5d5be
```
#c5d5be rgb(197,213,190)
```
#c4d9ba
```
#c4d9ba rgb(196,217,186)
```
#c3ddb6
```
#c3ddb6 rgb(195,221,182)
```
#c1e1b2
```
#c1e1b2 rgb(193,225,178)
```
#c0e6ad
```
#c0e6ad rgb(192,230,173)
```
#beeaa9
```
#beeaa9 rgb(190,234,169)
```
#bdeea5
```
#bdeea5 rgb(189,238,165)
```
#bbf2a1
```
#bbf2a1 rgb(187,242,161)
```
#baf69d
```
#baf69d rgb(186,246,157)
```
#b9fa99
```
#b9fa99 rgb(185,250,153)
```
#b7fe95
```
#b7fe95 rgb(183,254,149)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#d4e0ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9e69c Protanopia 1% of men
#ffe1c8 Deuteranopia 1% of men
#ceebfc Tritanopia 0.001% of the population

Trichromacy

#e2ec9c Protanomaly 1% of men, 0.01% of women
#e5e9b8 Deuteranomaly 6% of men, 0.4% of women
#c7efd9 Tritanomaly 0.01% of the population

#baf69d hex color

#baf69d Color Information

#baf69d Color Conversion

Color Schemes with #baf69d

Alternatives to #baf69d

#baf69d Preview

Shades and Tints of #baf69d

Tones of #baf69d

Color Blindness Simulator