#baf226 hex color

In a RGB color space, hex #baf226 is composed of 72.9% red, 94.9% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 0% magenta, 84.3% yellow and 5.1% black. It has a hue angle of 76.5 degrees, a saturation of 88.7% and a lightness of 54.9%. #baf226 color hex could be obtained by blending #ffff4c with #75e500. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 73
- G 95
- B 15
RGB color chart
- C 23
- M 0
- Y 84
- K 5
CMYK color chart

● #baf226 color description : Bright green.

The hexadecimal color #baf226 has RGB values of R:186, G:242, B:38 and CMYK values of C:0.23, M:0, Y:0.84, K:0.05. Its decimal value is 12251686.

Hex triplet	baf226	`#baf226`
RGB Decimal	186, 242, 38	`rgb(186,242,38)`
RGB Percent	72.9, 94.9, 14.9	`rgb(72.9%,94.9%,14.9%)`
CMYK	23, 0, 84, 5
HSL	76.5°, 88.7, 54.9	`hsl(76.5,88.7%,54.9%)`
HSV (or HSB)	76.5°, 84.3, 94.9
Web Safe	ccff33	`#ccff33`

CIE-LAB	88.961, -42.563, 81.548
XYZ	52.351, 74.082, 13.375
xyY	0.374, 0.53, 74.082
CIE-LCH	88.961, 91.987, 117.562
CIE-LUV	88.961, -27.611, 98.96
Hunter-Lab	86.071, -42.055, 51.036
Binary	10111010, 11110010, 00100110

#baf226
```
#baf226 rgb(186,242,38)
```
#5e26f2
```
#5e26f2 rgb(94,38,242)
```

Complementary Color

#f2c426
```
#f2c426 rgb(242,196,38)
```
#baf226
```
#baf226 rgb(186,242,38)
```
#54f226
```
#54f226 rgb(84,242,38)
```

Analogous Color

#c426f2
```
#c426f2 rgb(196,38,242)
```
#baf226
```
#baf226 rgb(186,242,38)
```
#2654f2
```
#2654f2 rgb(38,84,242)
```

Split Complementary Color

#f226ba
```
#f226ba rgb(242,38,186)
```
#baf226
```
#baf226 rgb(186,242,38)
```
#26baf2
```
#26baf2 rgb(38,186,242)
```

Triadic Color

#f25e26
```
#f25e26 rgb(242,94,38)
```
#baf226
```
#baf226 rgb(186,242,38)
```
#26baf2
```
#26baf2 rgb(38,186,242)
```
#5e26f2
```
#5e26f2 rgb(94,38,242)
```

Tetradic Color

#8ec00c
```
#8ec00c rgb(142,192,12)
```
#a0d80d
```
#a0d80d rgb(160,216,13)
```
#b2f00e
```
#b2f00e rgb(178,240,14)
```
#baf226
```
#baf226 rgb(186,242,38)
```
#c2f33e
```
#c2f33e rgb(194,243,62)
```
#c9f556
```
#c9f556 rgb(201,245,86)
```
#d1f66e
```
#d1f66e rgb(209,246,110)
```

Monochromatic Color

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

#edf226
```
#edf226 rgb(237,242,38)
```
#dcf226
```
#dcf226 rgb(220,242,38)
```
#cbf226
```
#cbf226 rgb(203,242,38)
```
#baf226
```
#baf226 rgb(186,242,38)
```
#a9f226
```
#a9f226 rgb(169,242,38)
```
#98f226
```
#98f226 rgb(152,242,38)
```
#87f226
```
#87f226 rgb(135,242,38)
```

Similar Colors

Text with hexadecimal color #baf226

This text has a font color of #baf226.

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

#baf226 background color

This paragraph has a background color of #baf226.

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

#baf226 border color

This element has a border color of #baf226.

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

CSS codes

.text {color:#baf226;}

.background {background-color:#baf226;}

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

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

#040500
```
#040500 rgb(4,5,0)
```
#121801
```
#121801 rgb(18,24,1)
```
#1f2a03
```
#1f2a03 rgb(31,42,3)
```
#2d3d04
```
#2d3d04 rgb(45,61,4)
```
#3b4f05
```
#3b4f05 rgb(59,79,5)
```
#486206
```
#486206 rgb(72,98,6)
```
#567407
```
#567407 rgb(86,116,7)
```
#648708
```
#648708 rgb(100,135,8)
```
#729909
```
#729909 rgb(114,153,9)
```
#7fac0a
```
#7fac0a rgb(127,172,10)
```
#8dbe0b
```
#8dbe0b rgb(141,190,11)
```
#9bd10d
```
#9bd10d rgb(155,209,13)
```
#a9e30e
```
#a9e30e rgb(169,227,14)
```

Shade Color Variation

#b4f113
```
#b4f113 rgb(180,241,19)
```
#baf226
```
#baf226 rgb(186,242,38)
```
#c0f339
```
#c0f339 rgb(192,243,57)
```
#c6f44b
```
#c6f44b rgb(198,244,75)
```
#ccf55e
```
#ccf55e rgb(204,245,94)
```
#d2f670
```
#d2f670 rgb(210,246,112)
```
#d7f883
```
#d7f883 rgb(215,248,131)
```
#ddf995
```
#ddf995 rgb(221,249,149)
```
#e3faa8
```
#e3faa8 rgb(227,250,168)
```
#e9fbba
```
#e9fbba rgb(233,251,186)
```
#effccd
```
#effccd rgb(239,252,205)
```
#f5fddf
```
#f5fddf rgb(245,253,223)
```
#fbfef2
```
#fbfef2 rgb(251,254,242)
```

Tint Color Variation

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

#8e9187
```
#8e9187 rgb(142,145,135)
```
#929a7e
```
#929a7e rgb(146,154,126)
```
#96a276
```
#96a276 rgb(150,162,118)
```
#9aab6d
```
#9aab6d rgb(154,171,109)
```
#9eb464
```
#9eb464 rgb(158,180,100)
```
#a2bd5b
```
#a2bd5b rgb(162,189,91)
```
#a6c652
```
#a6c652 rgb(166,198,82)
```
#aacf49
```
#aacf49 rgb(170,207,73)
```
#aed741
```
#aed741 rgb(174,215,65)
```
#b2e038
```
#b2e038 rgb(178,224,56)
```
#b6e92f
```
#b6e92f rgb(182,233,47)
```
#baf226
```
#baf226 rgb(186,242,38)
```
#befb1d
```
#befb1d rgb(190,251,29)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c7d2a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce12c Protanopia 1% of men
#ffdbab Deuteranopia 1% of men
#d4e2f3 Tritanopia 0.001% of the population

Trichromacy

#e4e72a Protanomaly 1% of men, 0.01% of women
#e5e37a Deuteranomaly 6% of men, 0.4% of women
#cae8a8 Tritanomaly 0.01% of the population

#baf226 hex color

#baf226 Color Information

#baf226 Color Conversion

Color Schemes with #baf226

Alternatives to #baf226

#baf226 Preview

Shades and Tints of #baf226

Tones of #baf226

Color Blindness Simulator