#bdf7a1 hex color

In a RGB color space, hex #bdf7a1 is composed of 74.1% red, 96.9% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 0% magenta, 34.8% yellow and 3.1% black. It has a hue angle of 100.5 degrees, a saturation of 84.3% and a lightness of 80%. #bdf7a1 color hex could be obtained by blending #ffffff with #7bef43. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 74
- G 97
- B 63
RGB color chart
- C 23
- M 0
- Y 35
- K 3
CMYK color chart

● #bdf7a1 color description : Very soft green.

The hexadecimal color #bdf7a1 has RGB values of R:189, G:247, B:161 and CMYK values of C:0.23, M:0, Y:0.35, K:0.03. Its decimal value is 12449697.

Hex triplet	bdf7a1	`#bdf7a1`
RGB Decimal	189, 247, 161	`rgb(189,247,161)`
RGB Percent	74.1, 96.9, 63.1	`rgb(74.1%,96.9%,63.1%)`
CMYK	23, 0, 35, 3
HSL	100.5°, 84.3, 80	`hsl(100.5,84.3%,80%)`
HSV (or HSB)	100.5°, 34.8, 96.9
Web Safe	ccff99	`#ccff99`

CIE-LAB	91.645, -33.461, 35.586
XYZ	60.678, 79.912, 45.944
xyY	0.325, 0.428, 79.912
CIE-LCH	91.645, 48.847, 133.237
CIE-LUV	91.645, -28.743, 55.301
Hunter-Lab	89.394, -35.277, 32.103
Binary	10111101, 11110111, 10100001

#bdf7a1
```
#bdf7a1 rgb(189,247,161)
```
#dba1f7
```
#dba1f7 rgb(219,161,247)
```

Complementary Color

#e8f7a1
```
#e8f7a1 rgb(232,247,161)
```
#bdf7a1
```
#bdf7a1 rgb(189,247,161)
```
#a1f7b0
```
#a1f7b0 rgb(161,247,176)
```

Analogous Color

#f7a1e8
```
#f7a1e8 rgb(247,161,232)
```
#bdf7a1
```
#bdf7a1 rgb(189,247,161)
```
#b0a1f7
```
#b0a1f7 rgb(176,161,247)
```

Split Complementary Color

#f7a1bd
```
#f7a1bd rgb(247,161,189)
```
#bdf7a1
```
#bdf7a1 rgb(189,247,161)
```
#a1bdf7
```
#a1bdf7 rgb(161,189,247)
```

Triadic Color

#f7dba1
```
#f7dba1 rgb(247,219,161)
```
#bdf7a1
```
#bdf7a1 rgb(189,247,161)
```
#a1bdf7
```
#a1bdf7 rgb(161,189,247)
```
#dba1f7
```
#dba1f7 rgb(219,161,247)
```

Tetradic Color

#8cf15b
```
#8cf15b rgb(140,241,91)
```
#9cf372
```
#9cf372 rgb(156,243,114)
```
#adf58a
```
#adf58a rgb(173,245,138)
```
#bdf7a1
```
#bdf7a1 rgb(189,247,161)
```
#cef9b9
```
#cef9b9 rgb(206,249,185)
```
#defbd0
```
#defbd0 rgb(222,251,208)
```
#effde8
```
#effde8 rgb(239,253,232)
```

Monochromatic Color

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

#d3f7a1
```
#d3f7a1 rgb(211,247,161)
```
#cbf7a1
```
#cbf7a1 rgb(203,247,161)
```
#c4f7a1
```
#c4f7a1 rgb(196,247,161)
```
#bdf7a1
```
#bdf7a1 rgb(189,247,161)
```
#b6f7a1
```
#b6f7a1 rgb(182,247,161)
```
#aff7a1
```
#aff7a1 rgb(175,247,161)
```
#a8f7a1
```
#a8f7a1 rgb(168,247,161)
```

Similar Colors

Text with hexadecimal color #bdf7a1

This text has a font color of #bdf7a1.

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

#bdf7a1 background color

This paragraph has a background color of #bdf7a1.

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

#bdf7a1 border color

This element has a border color of #bdf7a1.

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

CSS codes

.text {color:#bdf7a1;}

.background {background-color:#bdf7a1;}

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

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, #060e01 is the darkest color, while #fcfffb is the lightest one.

#060e01
```
#060e01 rgb(6,14,1)
```
#0c2103
```
#0c2103 rgb(12,33,3)
```
#133304
```
#133304 rgb(19,51,4)
```
#1a4506
```
#1a4506 rgb(26,69,6)
```
#215707
```
#215707 rgb(33,87,7)
```
#286909
```
#286909 rgb(40,105,9)
```
#2f7b0a
```
#2f7b0a rgb(47,123,10)
```
#368d0c
```
#368d0c rgb(54,141,12)
```
#3d9f0e
```
#3d9f0e rgb(61,159,14)
```
#44b10f
```
#44b10f rgb(68,177,15)
```
#4bc311
```
#4bc311 rgb(75,195,17)
```
#52d512
```
#52d512 rgb(82,213,18)
```
#59e714
```
#59e714 rgb(89,231,20)
```

Shade Color Variation

#64ec22
```
#64ec22 rgb(100,236,34)
```
#71ee35
```
#71ee35 rgb(113,238,53)
```
#7eef47
```
#7eef47 rgb(126,239,71)
```
#8af159
```
#8af159 rgb(138,241,89)
```
#97f26b
```
#97f26b rgb(151,242,107)
```
#a4f47d
```
#a4f47d rgb(164,244,125)
```
#b0f58f
```
#b0f58f rgb(176,245,143)
```
#bdf7a1
```
#bdf7a1 rgb(189,247,161)
```
#caf9b3
```
#caf9b3 rgb(202,249,179)
```
#d6fac5
```
#d6fac5 rgb(214,250,197)
```
#e3fcd7
```
#e3fcd7 rgb(227,252,215)
```
#f0fde9
```
#f0fde9 rgb(240,253,233)
```
#fcfffb
```
#fcfffb rgb(252,255,251)
```

Tint Color Variation

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

#cbd0c8
```
#cbd0c8 rgb(203,208,200)
```
#c9d4c4
```
#c9d4c4 rgb(201,212,196)
```
#c8d8c0
```
#c8d8c0 rgb(200,216,192)
```
#c7dcbc
```
#c7dcbc rgb(199,220,188)
```
#c5dfb9
```
#c5dfb9 rgb(197,223,185)
```
#c4e3b5
```
#c4e3b5 rgb(196,227,181)
```
#c2e7b1
```
#c2e7b1 rgb(194,231,177)
```
#c1ebad
```
#c1ebad rgb(193,235,173)
```
#c0efa9
```
#c0efa9 rgb(192,239,169)
```
#bef3a5
```
#bef3a5 rgb(190,243,165)
```
#bdf7a1
```
#bdf7a1 rgb(189,247,161)
```
#bcfb9d
```
#bcfb9d rgb(188,251,157)
```
#baff99
```
#baff99 rgb(186,255,153)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#d6e1d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbe89f Protanopia 1% of men
#ffe3cc Deuteranopia 1% of men
#d0ecfd Tritanopia 0.001% of the population

Trichromacy

#e4eda0 Protanomaly 1% of men, 0.01% of women
#e7eabc Deuteranomaly 6% of men, 0.4% of women
#c9f0db Tritanomaly 0.01% of the population

#bdf7a1 hex color

#bdf7a1 Color Information

#bdf7a1 Color Conversion

Color Schemes with #bdf7a1

Alternatives to #bdf7a1

#bdf7a1 Preview

Shades and Tints of #bdf7a1

Tones of #bdf7a1

Color Blindness Simulator