#baf334 hex color

In a RGB color space, hex #baf334 is composed of 72.9% red, 95.3% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 0% magenta, 78.6% yellow and 4.7% black. It has a hue angle of 77.9 degrees, a saturation of 88.8% and a lightness of 57.8%. #baf334 color hex could be obtained by blending #ffff68 with #75e700. Closest websafe color is: #ccff33.

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

● #baf334 color description : Bright green.

The hexadecimal color #baf334 has RGB values of R:186, G:243, B:52 and CMYK values of C:0.23, M:0, Y:0.79, K:0.05. Its decimal value is 12251956.

Hex triplet	baf334	`#baf334`
RGB Decimal	186, 243, 52	`rgb(186,243,52)`
RGB Percent	72.9, 95.3, 20.4	`rgb(72.9%,95.3%,20.4%)`
CMYK	23, 0, 79, 5
HSL	77.9°, 88.8, 57.8	`hsl(77.9,88.8%,57.8%)`
HSV (or HSB)	77.9°, 78.6, 95.3
Web Safe	ccff33	`#ccff33`

CIE-LAB	89.293, -42.515, 78.486
XYZ	52.919, 74.787, 14.896
xyY	0.371, 0.524, 74.787
CIE-LCH	89.293, 89.261, 118.444
CIE-LUV	89.293, -28.15, 97.087
Hunter-Lab	86.48, -42.11, 50.323
Binary	10111010, 11110011, 00110100

#baf334
```
#baf334 rgb(186,243,52)
```
#6d34f3
```
#6d34f3 rgb(109,52,243)
```

Complementary Color

#f3cd34
```
#f3cd34 rgb(243,205,52)
```
#baf334
```
#baf334 rgb(186,243,52)
```
#5bf334
```
#5bf334 rgb(91,243,52)
```

Analogous Color

#cd34f3
```
#cd34f3 rgb(205,52,243)
```
#baf334
```
#baf334 rgb(186,243,52)
```
#345af3
```
#345af3 rgb(52,90,243)
```

Split Complementary Color

#f334ba
```
#f334ba rgb(243,52,186)
```
#baf334
```
#baf334 rgb(186,243,52)
```
#34baf3
```
#34baf3 rgb(52,186,243)
```

Triadic Color

#f36d34
```
#f36d34 rgb(243,109,52)
```
#baf334
```
#baf334 rgb(186,243,52)
```
#34baf3
```
#34baf3 rgb(52,186,243)
```
#6d34f3
```
#6d34f3 rgb(109,52,243)
```

Tetradic Color

#94ce0c
```
#94ce0c rgb(148,206,12)
```
#a6e60e
```
#a6e60e rgb(166,230,14)
```
#b2f21c
```
#b2f21c rgb(178,242,28)
```
#baf334
```
#baf334 rgb(186,243,52)
```
#c2f44c
```
#c2f44c rgb(194,244,76)
```
#caf664
```
#caf664 rgb(202,246,100)
```
#d3f77c
```
#d3f77c rgb(211,247,124)
```

Monochromatic Color

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

#eaf334
```
#eaf334 rgb(234,243,52)
```
#daf334
```
#daf334 rgb(218,243,52)
```
#caf334
```
#caf334 rgb(202,243,52)
```
#baf334
```
#baf334 rgb(186,243,52)
```
#aaf334
```
#aaf334 rgb(170,243,52)
```
#9af334
```
#9af334 rgb(154,243,52)
```
#8af334
```
#8af334 rgb(138,243,52)
```

Similar Colors

Text with hexadecimal color #baf334

This text has a font color of #baf334.

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

#baf334 background color

This paragraph has a background color of #baf334.

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

#baf334 border color

This element has a border color of #baf334.

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

CSS codes

.text {color:#baf334;}

.background {background-color:#baf334;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0e1301
```
#0e1301 rgb(14,19,1)
```
#1b2602
```
#1b2602 rgb(27,38,2)
```
#283803
```
#283803 rgb(40,56,3)
```
#364b04
```
#364b04 rgb(54,75,4)
```
#435d06
```
#435d06 rgb(67,93,6)
```
#507007
```
#507007 rgb(80,112,7)
```
#5e8208
```
#5e8208 rgb(94,130,8)
```
#6b9509
```
#6b9509 rgb(107,149,9)
```
#78a70a
```
#78a70a rgb(120,167,10)
```
#86ba0b
```
#86ba0b rgb(134,186,11)
```
#93cc0c
```
#93cc0c rgb(147,204,12)
```
#a0df0d
```
#a0df0d rgb(160,223,13)
```

Shade Color Variation

#adf10f
```
#adf10f rgb(173,241,15)
```
#b4f221
```
#b4f221 rgb(180,242,33)
```
#baf334
```
#baf334 rgb(186,243,52)
```
#c0f447
```
#c0f447 rgb(192,244,71)
```
#c7f559
```
#c7f559 rgb(199,245,89)
```
#cdf66c
```
#cdf66c rgb(205,246,108)
```
#d3f77e
```
#d3f77e rgb(211,247,126)
```
#d9f891
```
#d9f891 rgb(217,248,145)
```
#e0faa3
```
#e0faa3 rgb(224,250,163)
```
#e6fbb6
```
#e6fbb6 rgb(230,251,182)
```
#ecfcc8
```
#ecfcc8 rgb(236,252,200)
```
#f3fddb
```
#f3fddb rgb(243,253,219)
```
#f9feed
```
#f9feed rgb(249,254,237)
```

Tint Color Variation

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

#95988f
```
#95988f rgb(149,152,143)
```
#99a087
```
#99a087 rgb(153,160,135)
```
#9ca97e
```
#9ca97e rgb(156,169,126)
```
#9fb176
```
#9fb176 rgb(159,177,118)
```
#a3b96e
```
#a3b96e rgb(163,185,110)
```
#a6c166
```
#a6c166 rgb(166,193,102)
```
#a9ca5d
```
#a9ca5d rgb(169,202,93)
```
#add255
```
#add255 rgb(173,210,85)
```
#b0da4d
```
#b0da4d rgb(176,218,77)
```
#b3e245
```
#b3e245 rgb(179,226,69)
```
#b7eb3c
```
#b7eb3c rgb(183,235,60)
```
#baf334
```
#baf334 rgb(186,243,52)
```
#bdfb2c
```
#bdfb2c rgb(189,251,44)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c8d4ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce23a Protanopia 1% of men
#ffdcaf Deuteranopia 1% of men
#d4e3f4 Tritanopia 0.001% of the population

Trichromacy

#e4e837 Protanomaly 1% of men, 0.01% of women
#e5e482 Deuteranomaly 6% of men, 0.4% of women
#cae9ae Tritanomaly 0.01% of the population

#baf334 hex color

#baf334 Color Information

#baf334 Color Conversion

Color Schemes with #baf334

Alternatives to #baf334

#baf334 Preview

Shades and Tints of #baf334

Tones of #baf334

Color Blindness Simulator