#b2ca1f hex color

In a RGB color space, hex #b2ca1f is composed of 69.8% red, 79.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 11.9% cyan, 0% magenta, 84.7% yellow and 20.8% black. It has a hue angle of 68.4 degrees, a saturation of 73.4% and a lightness of 45.7%. #b2ca1f color hex could be obtained by blending #ffff3e with #659500. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 70
- G 79
- B 12
RGB color chart
- C 12
- M 0
- Y 85
- K 21
CMYK color chart

● #b2ca1f color description : Strong yellow.

The hexadecimal color #b2ca1f has RGB values of R:178, G:202, B:31 and CMYK values of C:0.12, M:0, Y:0.85, K:0.21. Its decimal value is 11717151.

Hex triplet	b2ca1f	`#b2ca1f`
RGB Decimal	178, 202, 31	`rgb(178,202,31)`
RGB Percent	69.8, 79.2, 12.2	`rgb(69.8%,79.2%,12.2%)`
CMYK	12, 0, 85, 21
HSL	68.4°, 73.4, 45.7	`hsl(68.4,73.4%,45.7%)`
HSV (or HSB)	68.4°, 84.7, 79.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	77.164, -27.727, 72.857
XYZ	39.728, 51.805, 9.203
xyY	0.394, 0.514, 51.805
CIE-LCH	77.164, 77.955, 110.835
CIE-LUV	77.164, -9.678, 84.08
Hunter-Lab	71.976, -27.432, 42.802
Binary	10110010, 11001010, 00011111

#b2ca1f
```
#b2ca1f rgb(178,202,31)
```
#371fca
```
#371fca rgb(55,31,202)
```

Complementary Color

#ca8d1f
```
#ca8d1f rgb(202,141,31)
```
#b2ca1f
```
#b2ca1f rgb(178,202,31)
```
#5dca1f
```
#5dca1f rgb(93,202,31)
```

Analogous Color

#8d1fca
```
#8d1fca rgb(141,31,202)
```
#b2ca1f
```
#b2ca1f rgb(178,202,31)
```
#1f5dca
```
#1f5dca rgb(31,93,202)
```

Split Complementary Color

#ca1fb2
```
#ca1fb2 rgb(202,31,178)
```
#b2ca1f
```
#b2ca1f rgb(178,202,31)
```
#1fb2ca
```
#1fb2ca rgb(31,178,202)
```

Triadic Color

#ca371f
```
#ca371f rgb(202,55,31)
```
#b2ca1f
```
#b2ca1f rgb(178,202,31)
```
#1fb2ca
```
#1fb2ca rgb(31,178,202)
```
#371fca
```
#371fca rgb(55,31,202)
```

Tetradic Color

#788815
```
#788815 rgb(120,136,21)
```
#8b9e18
```
#8b9e18 rgb(139,158,24)
```
#9fb41c
```
#9fb41c rgb(159,180,28)
```
#b2ca1f
```
#b2ca1f rgb(178,202,31)
```
#c4de25
```
#c4de25 rgb(196,222,37)
```
#cae13b
```
#cae13b rgb(202,225,59)
```
#d0e451
```
#d0e451 rgb(208,228,81)
```

Monochromatic Color

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

#cab71f
```
#cab71f rgb(202,183,31)
```
#cac61f
```
#cac61f rgb(202,198,31)
```
#c0ca1f
```
#c0ca1f rgb(192,202,31)
```
#b2ca1f
```
#b2ca1f rgb(178,202,31)
```
#a4ca1f
```
#a4ca1f rgb(164,202,31)
```
#96ca1f
```
#96ca1f rgb(150,202,31)
```
#87ca1f
```
#87ca1f rgb(135,202,31)
```

Similar Colors

Text with hexadecimal color #b2ca1f

This text has a font color of #b2ca1f.

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

#b2ca1f background color

This paragraph has a background color of #b2ca1f.

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

#b2ca1f border color

This element has a border color of #b2ca1f.

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

CSS codes

.text {color:#b2ca1f;}

.background {background-color:#b2ca1f;}

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

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

#0d0f02
```
#0d0f02 rgb(13,15,2)
```
#1c2005
```
#1c2005 rgb(28,32,5)
```
#2b3108
```
#2b3108 rgb(43,49,8)
```
#3a420a
```
#3a420a rgb(58,66,10)
```
#49530d
```
#49530d rgb(73,83,13)
```
#58640f
```
#58640f rgb(88,100,15)
```
#677512
```
#677512 rgb(103,117,18)
```
#768615
```
#768615 rgb(118,134,21)
```
#859717
```
#859717 rgb(133,151,23)
```
#94a81a
```
#94a81a rgb(148,168,26)
```
#a3b91c
```
#a3b91c rgb(163,185,28)
```
#b2ca1f
```
#b2ca1f rgb(178,202,31)
```
#c1db22
```
#c1db22 rgb(193,219,34)
```

Shade Color Variation

#c7df31
```
#c7df31 rgb(199,223,49)
```
#cce242
```
#cce242 rgb(204,226,66)
```
#d0e553
```
#d0e553 rgb(208,229,83)
```
#d5e764
```
#d5e764 rgb(213,231,100)
```
#d9ea75
```
#d9ea75 rgb(217,234,117)
```
#deec86
```
#deec86 rgb(222,236,134)
```
#e3ef97
```
#e3ef97 rgb(227,239,151)
```
#e7f2a8
```
#e7f2a8 rgb(231,242,168)
```
#ecf4b9
```
#ecf4b9 rgb(236,244,185)
```
#f1f7ca
```
#f1f7ca rgb(241,247,202)
```
#f5f9db
```
#f5f9db rgb(245,249,219)
```
#fafcec
```
#fafcec rgb(250,252,236)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#787970
```
#787970 rgb(120,121,112)
```
#7e8267
```
#7e8267 rgb(126,130,103)
```
#858b5e
```
#858b5e rgb(133,139,94)
```
#8b9455
```
#8b9455 rgb(139,148,85)
```
#929d4c
```
#929d4c rgb(146,157,76)
```
#98a643
```
#98a643 rgb(152,166,67)
```
#9faf3a
```
#9faf3a rgb(159,175,58)
```
#a5b831
```
#a5b831 rgb(165,184,49)
```
#acc128
```
#acc128 rgb(172,193,40)
```
#b2ca1f
```
#b2ca1f rgb(178,202,31)
```
#b8d316
```
#b8d316 rgb(184,211,22)
```
#bfdc0d
```
#bfdc0d rgb(191,220,13)
```
#c5e504
```
#c5e504 rgb(197,229,4)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b0b492 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c227 Protanopia 1% of men
#f1b838 Deuteranopia 1% of men
#c6bfcc Tritanopia 0.001% of the population

Trichromacy

#cac524 Protanomaly 1% of men, 0.01% of women
#dabf2f Deuteranomaly 6% of men, 0.4% of women
#bec38d Tritanomaly 0.01% of the population

#b2ca1f hex color

#b2ca1f Color Information

#b2ca1f Color Conversion

Color Schemes with #b2ca1f

Alternatives to #b2ca1f

#b2ca1f Preview

Shades and Tints of #b2ca1f

Tones of #b2ca1f

Color Blindness Simulator