#baf104 hex color

In a RGB color space, hex #baf104 is composed of 72.9% red, 94.5% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 22.8% cyan, 0% magenta, 98.3% yellow and 5.5% black. It has a hue angle of 73.9 degrees, a saturation of 96.7% and a lightness of 48%. #baf104 color hex could be obtained by blending #ffff08 with #75e300. Closest websafe color is: #ccff00.

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

● #baf104 color description : Vivid yellow.

The hexadecimal color #baf104 has RGB values of R:186, G:241, B:4 and CMYK values of C:0.23, M:0, Y:0.98, K:0.05. Its decimal value is 12251396.

Hex triplet	baf104	`#baf104`
RGB Decimal	186, 241, 4	`rgb(186,241,4)`
RGB Percent	72.9, 94.5, 1.6	`rgb(72.9%,94.5%,1.6%)`
CMYK	23, 0, 98, 5
HSL	73.9°, 96.7, 48	`hsl(73.9,96.7%,48%)`
HSV (or HSB)	73.9°, 98.3, 94.5
Web Safe	ccff00	`#ccff00`

CIE-LAB	88.618, -42.72, 85.703
XYZ	51.726, 73.358, 11.549
xyY	0.379, 0.537, 73.358
CIE-LCH	88.618, 95.76, 116.495
CIE-LUV	88.618, -27.064, 101.372
Hunter-Lab	85.649, -42.084, 51.959
Binary	10111010, 11110001, 00000100

#baf104
```
#baf104 rgb(186,241,4)
```
#3b04f1
```
#3b04f1 rgb(59,4,241)
```

Complementary Color

#f1b204
```
#f1b204 rgb(241,178,4)
```
#baf104
```
#baf104 rgb(186,241,4)
```
#44f104
```
#44f104 rgb(68,241,4)
```

Analogous Color

#b204f1
```
#b204f1 rgb(178,4,241)
```
#baf104
```
#baf104 rgb(186,241,4)
```
#0444f1
```
#0444f1 rgb(4,68,241)
```

Split Complementary Color

#f104ba
```
#f104ba rgb(241,4,186)
```
#baf104
```
#baf104 rgb(186,241,4)
```
#04baf1
```
#04baf1 rgb(4,186,241)
```

Triadic Color

#f13b04
```
#f13b04 rgb(241,59,4)
```
#baf104
```
#baf104 rgb(186,241,4)
```
#04baf1
```
#04baf1 rgb(4,186,241)
```
#3b04f1
```
#3b04f1 rgb(59,4,241)
```

Tetradic Color

#80a603
```
#80a603 rgb(128,166,3)
```
#93bf03
```
#93bf03 rgb(147,191,3)
```
#a7d804
```
#a7d804 rgb(167,216,4)
```
#baf104
```
#baf104 rgb(186,241,4)
```
#c5fb13
```
#c5fb13 rgb(197,251,19)
```
#cbfc2c
```
#cbfc2c rgb(203,252,44)
```
#d2fc46
```
#d2fc46 rgb(210,252,70)
```

Monochromatic Color

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

#f1ed04
```
#f1ed04 rgb(241,237,4)
```
#e2f104
```
#e2f104 rgb(226,241,4)
```
#cef104
```
#cef104 rgb(206,241,4)
```
#baf104
```
#baf104 rgb(186,241,4)
```
#a6f104
```
#a6f104 rgb(166,241,4)
```
#93f104
```
#93f104 rgb(147,241,4)
```
#7ff104
```
#7ff104 rgb(127,241,4)
```

Similar Colors

Text with hexadecimal color #baf104

This text has a font color of #baf104.

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

#baf104 background color

This paragraph has a background color of #baf104.

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

#baf104 border color

This element has a border color of #baf104.

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

CSS codes

.text {color:#baf104;}

.background {background-color:#baf104;}

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

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

#070900
```
#070900 rgb(7,9,0)
```
#161d00
```
#161d00 rgb(22,29,0)
```
#253001
```
#253001 rgb(37,48,1)
```
#344301
```
#344301 rgb(52,67,1)
```
#435701
```
#435701 rgb(67,87,1)
```
#526a02
```
#526a02 rgb(82,106,2)
```
#617d02
```
#617d02 rgb(97,125,2)
```
#709102
```
#709102 rgb(112,145,2)
```
#7ea403
```
#7ea403 rgb(126,164,3)
```
#8db703
```
#8db703 rgb(141,183,3)
```
#9cca03
```
#9cca03 rgb(156,202,3)
```
#abde04
```
#abde04 rgb(171,222,4)
```
#baf104
```
#baf104 rgb(186,241,4)
```

Shade Color Variation

#c4fb0e
```
#c4fb0e rgb(196,251,14)
```
#c9fb21
```
#c9fb21 rgb(201,251,33)
```
#cdfc34
```
#cdfc34 rgb(205,252,52)
```
#d2fc48
```
#d2fc48 rgb(210,252,72)
```
#d7fc5b
```
#d7fc5b rgb(215,252,91)
```
#dcfd6e
```
#dcfd6e rgb(220,253,110)
```
#e0fd81
```
#e0fd81 rgb(224,253,129)
```
#e5fd95
```
#e5fd95 rgb(229,253,149)
```
#eafea8
```
#eafea8 rgb(234,254,168)
```
#eefebb
```
#eefebb rgb(238,254,187)
```
#f3fecf
```
#f3fecf rgb(243,254,207)
```
#f8ffe2
```
#f8ffe2 rgb(248,255,226)
```
#fdfff5
```
#fdfff5 rgb(253,255,245)
```

Tint Color Variation

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

#7d8075
```
#7d8075 rgb(125,128,117)
```
#82896c
```
#82896c rgb(130,137,108)
```
#889362
```
#889362 rgb(136,147,98)
```
#8d9c59
```
#8d9c59 rgb(141,156,89)
```
#92a64f
```
#92a64f rgb(146,166,79)
```
#97af46
```
#97af46 rgb(151,175,70)
```
#9cb83d
```
#9cb83d rgb(156,184,61)
```
#a1c233
```
#a1c233 rgb(161,194,51)
```
#a6cb2a
```
#a6cb2a rgb(166,203,42)
```
#abd520
```
#abd520 rgb(171,213,32)
```
#b0de17
```
#b0de17 rgb(176,222,23)
```
#b5e80d
```
#b5e80d rgb(181,232,13)
```
#baf104
```
#baf104 rgb(186,241,4)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c4cf9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbe000 Protanopia 1% of men
#ffdaa7 Deuteranopia 1% of men
#d4e1f1 Tritanopia 0.001% of the population

Trichromacy

#e3e601 Protanomaly 1% of men, 0.01% of women
#e5e26c Deuteranomaly 6% of men, 0.4% of women
#cae79b Tritanomaly 0.01% of the population

#baf104 hex color

#baf104 Color Information

#baf104 Color Conversion

Color Schemes with #baf104

Alternatives to #baf104

#baf104 Preview

Shades and Tints of #baf104

Tones of #baf104

Color Blindness Simulator