#baf962 hex color

In a RGB color space, hex #baf962 is composed of 72.9% red, 97.6% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 0% magenta, 60.6% yellow and 2.4% black. It has a hue angle of 85 degrees, a saturation of 92.6% and a lightness of 68%. #baf962 color hex could be obtained by blending #ffffc4 with #75f300. Closest websafe color is: #ccff66.

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

● #baf962 color description : Soft green.

The hexadecimal color #baf962 has RGB values of R:186, G:249, B:98 and CMYK values of C:0.25, M:0, Y:0.61, K:0.02. Its decimal value is 12253538.

Hex triplet	baf962	`#baf962`
RGB Decimal	186, 249, 98	`rgb(186,249,98)`
RGB Percent	72.9, 97.6, 38.4	`rgb(72.9%,97.6%,38.4%)`
CMYK	25, 0, 61, 2
HSL	85°, 92.6, 68	`hsl(85,92.6%,68%)`
HSV (or HSB)	85°, 60.6, 97.6
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.266, -42.37, 64.383
XYZ	56.329, 79.071, 23.849
xyY	0.354, 0.497, 79.071
CIE-LCH	91.266, 77.074, 123.349
CIE-LUV	91.266, -31.274, 86.932
Hunter-Lab	88.922, -42.54, 46.344
Binary	10111010, 11111001, 01100010

#baf962
```
#baf962 rgb(186,249,98)
```
#a162f9
```
#a162f9 rgb(161,98,249)
```

Complementary Color

#f9ed62
```
#f9ed62 rgb(249,237,98)
```
#baf962
```
#baf962 rgb(186,249,98)
```
#6ff962
```
#6ff962 rgb(111,249,98)
```

Analogous Color

#ed62f9
```
#ed62f9 rgb(237,98,249)
```
#baf962
```
#baf962 rgb(186,249,98)
```
#626ff9
```
#626ff9 rgb(98,111,249)
```

Split Complementary Color

#f962ba
```
#f962ba rgb(249,98,186)
```
#baf962
```
#baf962 rgb(186,249,98)
```
#62baf9
```
#62baf9 rgb(98,186,249)
```

Triadic Color

#f9a162
```
#f9a162 rgb(249,161,98)
```
#baf962
```
#baf962 rgb(186,249,98)
```
#62baf9
```
#62baf9 rgb(98,186,249)
```
#a162f9
```
#a162f9 rgb(161,98,249)
```

Tetradic Color

#9af618
```
#9af618 rgb(154,246,24)
```
#a4f731
```
#a4f731 rgb(164,247,49)
```
#aff849
```
#aff849 rgb(175,248,73)
```
#baf962
```
#baf962 rgb(186,249,98)
```
#c5fa7b
```
#c5fa7b rgb(197,250,123)
```
#d0fb93
```
#d0fb93 rgb(208,251,147)
```
#dafcac
```
#dafcac rgb(218,252,172)
```

Monochromatic Color

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

#e0f962
```
#e0f962 rgb(224,249,98)
```
#d3f962
```
#d3f962 rgb(211,249,98)
```
#c7f962
```
#c7f962 rgb(199,249,98)
```
#baf962
```
#baf962 rgb(186,249,98)
```
#adf962
```
#adf962 rgb(173,249,98)
```
#a1f962
```
#a1f962 rgb(161,249,98)
```
#94f962
```
#94f962 rgb(148,249,98)
```

Similar Colors

Text with hexadecimal color #baf962

This text has a font color of #baf962.

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

#baf962 background color

This paragraph has a background color of #baf962.

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

#baf962 border color

This element has a border color of #baf962.

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

CSS codes

.text {color:#baf962;}

.background {background-color:#baf962;}

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

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, #080d00 is the darkest color, while #fcfff9 is the lightest one.

#080d00
```
#080d00 rgb(8,13,0)
```
#132001
```
#132001 rgb(19,32,1)
```
#1e3302
```
#1e3302 rgb(30,51,2)
```
#2a4603
```
#2a4603 rgb(42,70,3)
```
#355903
```
#355903 rgb(53,89,3)
```
#406c04
```
#406c04 rgb(64,108,4)
```
#4c7e05
```
#4c7e05 rgb(76,126,5)
```
#579106
```
#579106 rgb(87,145,6)
```
#62a406
```
#62a406 rgb(98,164,6)
```
#6eb707
```
#6eb707 rgb(110,183,7)
```
#79ca08
```
#79ca08 rgb(121,202,8)
```
#84dd08
```
#84dd08 rgb(132,221,8)
```
#90f009
```
#90f009 rgb(144,240,9)
```

Shade Color Variation

#99f616
```
#99f616 rgb(153,246,22)
```
#a1f729
```
#a1f729 rgb(161,247,41)
```
#a9f83c
```
#a9f83c rgb(169,248,60)
```
#b2f84f
```
#b2f84f rgb(178,248,79)
```
#baf962
```
#baf962 rgb(186,249,98)
```
#c2fa75
```
#c2fa75 rgb(194,250,117)
```
#cbfa88
```
#cbfa88 rgb(203,250,136)
```
#d3fb9b
```
#d3fb9b rgb(211,251,155)
```
#dbfcae
```
#dbfcae rgb(219,252,174)
```
#e4fdc0
```
#e4fdc0 rgb(228,253,192)
```
#ecfdd3
```
#ecfdd3 rgb(236,253,211)
```
#f4fee6
```
#f4fee6 rgb(244,254,230)
```
#fcfff9
```
#fcfff9 rgb(252,255,249)
```

Tint Color Variation

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

#aeaead
```
#aeaead rgb(174,174,173)
```
#afb4a7
```
#afb4a7 rgb(175,180,167)
```
#b0baa1
```
#b0baa1 rgb(176,186,161)
```
#b1c19a
```
#b1c19a rgb(177,193,154)
```
#b2c794
```
#b2c794 rgb(178,199,148)
```
#b3cd8e
```
#b3cd8e rgb(179,205,142)
```
#b4d388
```
#b4d388 rgb(180,211,136)
```
#b5da81
```
#b5da81 rgb(181,218,129)
```
#b6e07b
```
#b6e07b rgb(182,224,123)
```
#b7e675
```
#b7e675 rgb(183,230,117)
```
#b8ec6f
```
#b8ec6f rgb(184,236,111)
```
#b9f368
```
#b9f368 rgb(185,243,104)
```
#baf962
```
#baf962 rgb(186,249,98)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d0dcbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe773 Protanopia 1% of men
#ffe2c2 Deuteranopia 1% of men
#d3eafb Tritanopia 0.001% of the population

Trichromacy

#e5ed6d Protanomaly 1% of men, 0.01% of women
#e5ea9f Deuteranomaly 6% of men, 0.4% of women
#caefc3 Tritanomaly 0.01% of the population

#baf962 hex color

#baf962 Color Information

#baf962 Color Conversion

Color Schemes with #baf962

Alternatives to #baf962

#baf962 Preview

Shades and Tints of #baf962

Tones of #baf962

Color Blindness Simulator