#baf045 hex color

In a RGB color space, hex #baf045 is composed of 72.9% red, 94.1% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 0% magenta, 71.3% yellow and 5.9% black. It has a hue angle of 78.9 degrees, a saturation of 85.1% and a lightness of 60.6%. #baf045 color hex could be obtained by blending #ffff8a with #75e100. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 73
- G 94
- B 27
RGB color chart
- C 23
- M 0
- Y 71
- K 6
CMYK color chart

● #baf045 color description : Bright green.

The hexadecimal color #baf045 has RGB values of R:186, G:240, B:69 and CMYK values of C:0.23, M:0, Y:0.71, K:0.06. Its decimal value is 12251205.

Hex triplet	baf045	`#baf045`
RGB Decimal	186, 240, 69	`rgb(186,240,69)`
RGB Percent	72.9, 94.1, 27.1	`rgb(72.9%,94.1%,27.1%)`
CMYK	23, 0, 71, 6
HSL	78.9°, 85.1, 60.6	`hsl(78.9,85.1%,60.6%)`
HSV (or HSB)	78.9°, 71.3, 94.1
Web Safe	ccff33	`#ccff33`

CIE-LAB	88.537, -40.39, 72.56
XYZ	52.483, 73.188, 16.992
xyY	0.368, 0.513, 73.188
CIE-LCH	88.537, 83.044, 119.102
CIE-LUV	88.537, -26.567, 92.067
Hunter-Lab	85.55, -40.206, 48.109
Binary	10111010, 11110000, 01000101

#baf045
```
#baf045 rgb(186,240,69)
```
#7b45f0
```
#7b45f0 rgb(123,69,240)
```

Complementary Color

#f0d145
```
#f0d145 rgb(240,209,69)
```
#baf045
```
#baf045 rgb(186,240,69)
```
#65f045
```
#65f045 rgb(101,240,69)
```

Analogous Color

#d145f0
```
#d145f0 rgb(209,69,240)
```
#baf045
```
#baf045 rgb(186,240,69)
```
#4565f0
```
#4565f0 rgb(69,101,240)
```

Split Complementary Color

#f045ba
```
#f045ba rgb(240,69,186)
```
#baf045
```
#baf045 rgb(186,240,69)
```
#45baf0
```
#45baf0 rgb(69,186,240)
```

Triadic Color

#f07b45
```
#f07b45 rgb(240,123,69)
```
#baf045
```
#baf045 rgb(186,240,69)
```
#45baf0
```
#45baf0 rgb(69,186,240)
```
#7b45f0
```
#7b45f0 rgb(123,69,240)
```

Tetradic Color

#99d711
```
#99d711 rgb(153,215,17)
```
#a8ec16
```
#a8ec16 rgb(168,236,22)
```
#b1ee2d
```
#b1ee2d rgb(177,238,45)
```
#baf045
```
#baf045 rgb(186,240,69)
```
#c3f25d
```
#c3f25d rgb(195,242,93)
```
#ccf474
```
#ccf474 rgb(204,244,116)
```
#d4f68c
```
#d4f68c rgb(212,246,140)
```

Monochromatic Color

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

#e5f045
```
#e5f045 rgb(229,240,69)
```
#d7f045
```
#d7f045 rgb(215,240,69)
```
#c8f045
```
#c8f045 rgb(200,240,69)
```
#baf045
```
#baf045 rgb(186,240,69)
```
#acf045
```
#acf045 rgb(172,240,69)
```
#9ef045
```
#9ef045 rgb(158,240,69)
```
#8ff045
```
#8ff045 rgb(143,240,69)
```

Similar Colors

Text with hexadecimal color #baf045

This text has a font color of #baf045.

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

#baf045 background color

This paragraph has a background color of #baf045.

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

#baf045 border color

This element has a border color of #baf045.

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

CSS codes

.text {color:#baf045;}

.background {background-color:#baf045;}

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

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, #0a0e01 is the darkest color, while #fdfffb is the lightest one.

#0a0e01
```
#0a0e01 rgb(10,14,1)
```
#172003
```
#172003 rgb(23,32,3)
```
#233204
```
#233204 rgb(35,50,4)
```
#304405
```
#304405 rgb(48,68,5)
```
#3d5607
```
#3d5607 rgb(61,86,7)
```
#4a6808
```
#4a6808 rgb(74,104,8)
```
#577b0a
```
#577b0a rgb(87,123,10)
```
#648d0b
```
#648d0b rgb(100,141,11)
```
#719f0d
```
#719f0d rgb(113,159,13)
```
#7eb10e
```
#7eb10e rgb(126,177,14)
```
#8bc310
```
#8bc310 rgb(139,195,16)
```
#97d511
```
#97d511 rgb(151,213,17)
```
#a4e713
```
#a4e713 rgb(164,231,19)
```

Shade Color Variation

#aded21
```
#aded21 rgb(173,237,33)
```
#b3ef33
```
#b3ef33 rgb(179,239,51)
```
#baf045
```
#baf045 rgb(186,240,69)
```
#c1f157
```
#c1f157 rgb(193,241,87)
```
#c7f369
```
#c7f369 rgb(199,243,105)
```
#cef47b
```
#cef47b rgb(206,244,123)
```
#d5f68e
```
#d5f68e rgb(213,246,142)
```
#dcf7a0
```
#dcf7a0 rgb(220,247,160)
```
#e2f9b2
```
#e2f9b2 rgb(226,249,178)
```
#e9fac4
```
#e9fac4 rgb(233,250,196)
```
#f0fcd6
```
#f0fcd6 rgb(240,252,214)
```
#f7fde8
```
#f7fde8 rgb(247,253,232)
```
#fdfffb
```
#fdfffb rgb(253,255,251)
```

Tint Color Variation

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

#9b9b9a
```
#9b9b9a rgb(155,155,154)
```
#9ea392
```
#9ea392 rgb(158,163,146)
```
#a0aa8b
```
#a0aa8b rgb(160,170,139)
```
#a3b283
```
#a3b283 rgb(163,178,131)
```
#a6ba7b
```
#a6ba7b rgb(166,186,123)
```
#a9c273
```
#a9c273 rgb(169,194,115)
```
#acc96c
```
#acc96c rgb(172,201,108)
```
#afd164
```
#afd164 rgb(175,209,100)
```
#b1d95c
```
#b1d95c rgb(177,217,92)
```
#b4e154
```
#b4e154 rgb(180,225,84)
```
#b7e84d
```
#b7e84d rgb(183,232,77)
```
#baf045
```
#baf045 rgb(186,240,69)
```
#bdf83d
```
#bdf83d rgb(189,248,61)
```

Tone Color Variation

Below, you can see how #baf045 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
#c8d3b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9e04a Protanopia 1% of men
#ffdaa9 Deuteranopia 1% of men
#d3e1f1 Tritanopia 0.001% of the population

Trichromacy

#e2e648 Protanomaly 1% of men, 0.01% of women
#e5e284 Deuteranomaly 6% of men, 0.4% of women
#c9e6b2 Tritanomaly 0.01% of the population

#baf045 hex color

#baf045 Color Information

#baf045 Color Conversion

Color Schemes with #baf045

Alternatives to #baf045

#baf045 Preview

Shades and Tints of #baf045

Tones of #baf045

Color Blindness Simulator