#baf555 hex color

In a RGB color space, hex #baf555 is composed of 72.9% red, 96.1% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 0% magenta, 65.3% yellow and 3.9% black. It has a hue angle of 82.1 degrees, a saturation of 88.9% and a lightness of 64.7%. #baf555 color hex could be obtained by blending #ffffaa with #75eb00. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 73
- G 96
- B 33
RGB color chart
- C 24
- M 0
- Y 65
- K 4
CMYK color chart

● #baf555 color description : Soft green.

The hexadecimal color #baf555 has RGB values of R:186, G:245, B:85 and CMYK values of C:0.24, M:0, Y:0.65, K:0.04. Its decimal value is 12252501.

Hex triplet	baf555	`#baf555`
RGB Decimal	186, 245, 85	`rgb(186,245,85)`
RGB Percent	72.9, 96.1, 33.3	`rgb(72.9%,96.1%,33.3%)`
CMYK	24, 0, 65, 4
HSL	82.1°, 88.9, 64.7	`hsl(82.1,88.9%,64.7%)`
HSV (or HSB)	82.1°, 65.3, 96.1
Web Safe	ccff66	`#ccff66`

CIE-LAB	90.044, -41.593, 68.268
XYZ	54.541, 76.399, 20.467
xyY	0.36, 0.505, 76.399
CIE-LCH	90.044, 79.94, 121.353
CIE-LUV	90.044, -29.215, 89.593
Hunter-Lab	87.406, -41.579, 47.301
Binary	10111010, 11110101, 01010101

#baf555
```
#baf555 rgb(186,245,85)
```
#9055f5
```
#9055f5 rgb(144,85,245)
```

Complementary Color

#f5e055
```
#f5e055 rgb(245,224,85)
```
#baf555
```
#baf555 rgb(186,245,85)
```
#6af555
```
#6af555 rgb(106,245,85)
```

Analogous Color

#e055f5
```
#e055f5 rgb(224,85,245)
```
#baf555
```
#baf555 rgb(186,245,85)
```
#556af5
```
#556af5 rgb(85,106,245)
```

Split Complementary Color

#f555ba
```
#f555ba rgb(245,85,186)
```
#baf555
```
#baf555 rgb(186,245,85)
```
#55baf5
```
#55baf5 rgb(85,186,245)
```

Triadic Color

#f59055
```
#f59055 rgb(245,144,85)
```
#baf555
```
#baf555 rgb(186,245,85)
```
#55baf5
```
#55baf5 rgb(85,186,245)
```
#9055f5
```
#9055f5 rgb(144,85,245)
```

Tetradic Color

#9cef0e
```
#9cef0e rgb(156,239,14)
```
#a6f225
```
#a6f225 rgb(166,242,37)
```
#b0f43d
```
#b0f43d rgb(176,244,61)
```
#baf555
```
#baf555 rgb(186,245,85)
```
#c4f66d
```
#c4f66d rgb(196,246,109)
```
#cef885
```
#cef885 rgb(206,248,133)
```
#d7f99d
```
#d7f99d rgb(215,249,157)
```

Monochromatic Color

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

#e2f555
```
#e2f555 rgb(226,245,85)
```
#d5f555
```
#d5f555 rgb(213,245,85)
```
#c7f555
```
#c7f555 rgb(199,245,85)
```
#baf555
```
#baf555 rgb(186,245,85)
```
#adf555
```
#adf555 rgb(173,245,85)
```
#9ff555
```
#9ff555 rgb(159,245,85)
```
#92f555
```
#92f555 rgb(146,245,85)
```

Similar Colors

Text with hexadecimal color #baf555

This text has a font color of #baf555.

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

#baf555 background color

This paragraph has a background color of #baf555.

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

#baf555 border color

This element has a border color of #baf555.

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

CSS codes

.text {color:#baf555;}

.background {background-color:#baf555;}

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

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

#0a0f01
```
#0a0f01 rgb(10,15,1)
```
#162202
```
#162202 rgb(22,34,2)
```
#223403
```
#223403 rgb(34,52,3)
```
#2e4704
```
#2e4704 rgb(46,71,4)
```
#3a5905
```
#3a5905 rgb(58,89,5)
```
#466c06
```
#466c06 rgb(70,108,6)
```
#537e07
```
#537e07 rgb(83,126,7)
```
#5f9109
```
#5f9109 rgb(95,145,9)
```
#6ba30a
```
#6ba30a rgb(107,163,10)
```
#77b60b
```
#77b60b rgb(119,182,11)
```
#83c90c
```
#83c90c rgb(131,201,12)
```
#8fdb0d
```
#8fdb0d rgb(143,219,13)
```
#9bee0e
```
#9bee0e rgb(155,238,14)
```

Shade Color Variation

#a3f21d
```
#a3f21d rgb(163,242,29)
```
#abf330
```
#abf330 rgb(171,243,48)
```
#b2f442
```
#b2f442 rgb(178,244,66)
```
#baf555
```
#baf555 rgb(186,245,85)
```
#c2f668
```
#c2f668 rgb(194,246,104)
```
#c9f77a
```
#c9f77a rgb(201,247,122)
```
#d1f88d
```
#d1f88d rgb(209,248,141)
```
#d8f99f
```
#d8f99f rgb(216,249,159)
```
#e0fab2
```
#e0fab2 rgb(224,250,178)
```
#e7fcc4
```
#e7fcc4 rgb(231,252,196)
```
#effdd7
```
#effdd7 rgb(239,253,215)
```
#f6fee9
```
#f6fee9 rgb(246,254,233)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#a6a9a1
```
#a6a9a1 rgb(166,169,161)
```
#a8b09a
```
#a8b09a rgb(168,176,154)
```
#aab793
```
#aab793 rgb(170,183,147)
```
#abbe8c
```
#abbe8c rgb(171,190,140)
```
#adc585
```
#adc585 rgb(173,197,133)
```
#afcb7f
```
#afcb7f rgb(175,203,127)
```
#b1d278
```
#b1d278 rgb(177,210,120)
```
#b3d971
```
#b3d971 rgb(179,217,113)
```
#b5e06a
```
#b5e06a rgb(181,224,106)
```
#b6e763
```
#b6e763 rgb(182,231,99)
```
#b8ee5c
```
#b8ee5c rgb(184,238,92)
```
#baf555
```
#baf555 rgb(186,245,85)
```
#bcfc4e
```
#bcfc4e rgb(188,252,78)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#ccd8b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fde459 Protanopia 1% of men
#ffdfb7 Deuteranopia 1% of men
#d3e6f7 Tritanopia 0.001% of the population

Trichromacy

#e4ea57 Protanomaly 1% of men, 0.01% of women
#e5e793 Deuteranomaly 6% of men, 0.4% of women
#caebbc Tritanomaly 0.01% of the population

#baf555 hex color

#baf555 Color Information

#baf555 Color Conversion

Color Schemes with #baf555

Alternatives to #baf555

#baf555 Preview

Shades and Tints of #baf555

Tones of #baf555

Color Blindness Simulator