#b4ca30 hex color

In a RGB color space, hex #b4ca30 is composed of 70.6% red, 79.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 0% magenta, 76.2% yellow and 20.8% black. It has a hue angle of 68.6 degrees, a saturation of 61.6% and a lightness of 49%. #b4ca30 color hex could be obtained by blending #ffff60 with #699500. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 71
- G 79
- B 19
RGB color chart
- C 11
- M 0
- Y 76
- K 21
CMYK color chart

● #b4ca30 color description : Strong yellow.

The hexadecimal color #b4ca30 has RGB values of R:180, G:202, B:48 and CMYK values of C:0.11, M:0, Y:0.76, K:0.21. Its decimal value is 11848240.

Hex triplet	b4ca30	`#b4ca30`
RGB Decimal	180, 202, 48	`rgb(180,202,48)`
RGB Percent	70.6, 79.2, 18.8	`rgb(70.6%,79.2%,18.8%)`
CMYK	11, 0, 76, 21
HSL	68.6°, 61.6, 49	`hsl(68.6,61.6%,49%)`
HSV (or HSB)	68.6°, 76.2, 79.2
Web Safe	cccc33	`#cccc33`

CIE-LAB	77.375, -26.304, 68.608
XYZ	40.476, 52.158, 10.731
xyY	0.392, 0.505, 52.158
CIE-LCH	77.375, 73.477, 110.976
CIE-LUV	77.375, -8.536, 81.143
Hunter-Lab	72.22, -26.345, 41.744
Binary	10110100, 11001010, 00110000

#b4ca30
```
#b4ca30 rgb(180,202,48)
```
#4630ca
```
#4630ca rgb(70,48,202)
```

Complementary Color

#ca9330
```
#ca9330 rgb(202,147,48)
```
#b4ca30
```
#b4ca30 rgb(180,202,48)
```
#67ca30
```
#67ca30 rgb(103,202,48)
```

Analogous Color

#9330ca
```
#9330ca rgb(147,48,202)
```
#b4ca30
```
#b4ca30 rgb(180,202,48)
```
#3067ca
```
#3067ca rgb(48,103,202)
```

Split Complementary Color

#ca30b4
```
#ca30b4 rgb(202,48,180)
```
#b4ca30
```
#b4ca30 rgb(180,202,48)
```
#30b4ca
```
#30b4ca rgb(48,180,202)
```

Triadic Color

#ca4630
```
#ca4630 rgb(202,70,48)
```
#b4ca30
```
#b4ca30 rgb(180,202,48)
```
#30b4ca
```
#30b4ca rgb(48,180,202)
```
#4630ca
```
#4630ca rgb(70,48,202)
```

Tetradic Color

#7d8c21
```
#7d8c21 rgb(125,140,33)
```
#8fa126
```
#8fa126 rgb(143,161,38)
```
#a2b52b
```
#a2b52b rgb(162,181,43)
```
#b4ca30
```
#b4ca30 rgb(180,202,48)
```
#bdd242
```
#bdd242 rgb(189,210,66)
```
#c4d756
```
#c4d756 rgb(196,215,86)
```
#ccdc6b
```
#ccdc6b rgb(204,220,107)
```

Monochromatic Color

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

#caba30
```
#caba30 rgb(202,186,48)
```
#cac630
```
#cac630 rgb(202,198,48)
```
#c1ca30
```
#c1ca30 rgb(193,202,48)
```
#b4ca30
```
#b4ca30 rgb(180,202,48)
```
#a7ca30
```
#a7ca30 rgb(167,202,48)
```
#9aca30
```
#9aca30 rgb(154,202,48)
```
#8eca30
```
#8eca30 rgb(142,202,48)
```

Similar Colors

Text with hexadecimal color #b4ca30

This text has a font color of #b4ca30.

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

#b4ca30 background color

This paragraph has a background color of #b4ca30.

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

#b4ca30 border color

This element has a border color of #b4ca30.

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

CSS codes

.text {color:#b4ca30;}

.background {background-color:#b4ca30;}

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

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

#0b0c03
```
#0b0c03 rgb(11,12,3)
```
#191c07
```
#191c07 rgb(25,28,7)
```
#272c0a
```
#272c0a rgb(39,44,10)
```
#353b0e
```
#353b0e rgb(53,59,14)
```
#434b12
```
#434b12 rgb(67,75,18)
```
#515b16
```
#515b16 rgb(81,91,22)
```
#5f6b19
```
#5f6b19 rgb(95,107,25)
```
#6d7b1d
```
#6d7b1d rgb(109,123,29)
```
#7c8b21
```
#7c8b21 rgb(124,139,33)
```
#8a9a25
```
#8a9a25 rgb(138,154,37)
```
#98aa28
```
#98aa28 rgb(152,170,40)
```
#a6ba2c
```
#a6ba2c rgb(166,186,44)
```
#b4ca30
```
#b4ca30 rgb(180,202,48)
```

Shade Color Variation

#bcd13d
```
#bcd13d rgb(188,209,61)
```
#c1d54d
```
#c1d54d rgb(193,213,77)
```
#c7d85c
```
#c7d85c rgb(199,216,92)
```
#ccdc6c
```
#ccdc6c rgb(204,220,108)
```
#d2e07c
```
#d2e07c rgb(210,224,124)
```
#d7e48c
```
#d7e48c rgb(215,228,140)
```
#dde79c
```
#dde79c rgb(221,231,156)
```
#e2ebac
```
#e2ebac rgb(226,235,172)
```
#e8efbc
```
#e8efbc rgb(232,239,188)
```
#edf3cb
```
#edf3cb rgb(237,243,203)
```
#f3f7db
```
#f3f7db rgb(243,247,219)
```
#f8faeb
```
#f8faeb rgb(248,250,235)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#7d7d7d
```
#7d7d7d rgb(125,125,125)
```
#848773
```
#848773 rgb(132,135,115)
```
#8b906a
```
#8b906a rgb(139,144,106)
```
#929a60
```
#929a60 rgb(146,154,96)
```
#99a456
```
#99a456 rgb(153,164,86)
```
#9fad4d
```
#9fad4d rgb(159,173,77)
```
#a6b743
```
#a6b743 rgb(166,183,67)
```
#adc03a
```
#adc03a rgb(173,192,58)
```
#b4ca30
```
#b4ca30 rgb(180,202,48)
```
#bbd426
```
#bbd426 rgb(187,212,38)
```
#c2dd1d
```
#c2dd1d rgb(194,221,29)
```
#c9e713
```
#c9e713 rgb(201,231,19)
```
#cff00a
```
#cff00a rgb(207,240,10)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b2b798 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c238 Protanopia 1% of men
#f1b944 Deuteranopia 1% of men
#c7bfcd Tritanopia 0.001% of the population

Trichromacy

#cbc535 Protanomaly 1% of men, 0.01% of women
#dabf3d Deuteranomaly 6% of men, 0.4% of women
#c0c394 Tritanomaly 0.01% of the population

#b4ca30 hex color

#b4ca30 Color Information

#b4ca30 Color Conversion

Color Schemes with #b4ca30

Alternatives to #b4ca30

#b4ca30 Preview

Shades and Tints of #b4ca30

Tones of #b4ca30

Color Blindness Simulator