#9caf12 hex color

In a RGB color space, hex #9caf12 is composed of 61.2% red, 68.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 0% magenta, 89.7% yellow and 31.4% black. It has a hue angle of 67.3 degrees, a saturation of 81.3% and a lightness of 37.8%. #9caf12 color hex could be obtained by blending #ffff24 with #395f00. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 61
- G 69
- B 7
RGB color chart
- C 11
- M 0
- Y 90
- K 31
CMYK color chart

● #9caf12 color description : Dark yellow [Olive tone].

The hexadecimal color #9caf12 has RGB values of R:156, G:175, B:18 and CMYK values of C:0.11, M:0, Y:0.9, K:0.31. Its decimal value is 10268434.

Hex triplet	9caf12	`#9caf12`
RGB Decimal	156, 175, 18	`rgb(156,175,18)`
RGB Percent	61.2, 68.6, 7.1	`rgb(61.2%,68.6%,7.1%)`
CMYK	11, 0, 90, 31
HSL	67.3°, 81.3, 37.8	`hsl(67.3,81.3%,37.8%)`
HSV (or HSB)	67.3°, 89.7, 68.6
Web Safe	999900	`#999900`

CIE-LAB	67.852, -24.247, 67.105
XYZ	29.149, 37.772, 6.327
xyY	0.398, 0.516, 37.772
CIE-LCH	67.852, 71.352, 109.866
CIE-LUV	67.852, -7.197, 74.698
Hunter-Lab	61.459, -22.891, 36.917
Binary	10011100, 10101111, 00010010

#9caf12
```
#9caf12 rgb(156,175,18)
```
#2512af
```
#2512af rgb(37,18,175)
```

Complementary Color

#af7412
```
#af7412 rgb(175,116,18)
```
#9caf12
```
#9caf12 rgb(156,175,18)
```
#4eaf12
```
#4eaf12 rgb(78,175,18)
```

Analogous Color

#7412af
```
#7412af rgb(116,18,175)
```
#9caf12
```
#9caf12 rgb(156,175,18)
```
#124eaf
```
#124eaf rgb(18,78,175)
```

Split Complementary Color

#af129c
```
#af129c rgb(175,18,156)
```
#9caf12
```
#9caf12 rgb(156,175,18)
```
#129caf
```
#129caf rgb(18,156,175)
```

Triadic Color

#af2512
```
#af2512 rgb(175,37,18)
```
#9caf12
```
#9caf12 rgb(156,175,18)
```
#129caf
```
#129caf rgb(18,156,175)
```
#2512af
```
#2512af rgb(37,18,175)
```

Tetradic Color

#5e6a0b
```
#5e6a0b rgb(94,106,11)
```
#73810d
```
#73810d rgb(115,129,13)
```
#879810
```
#879810 rgb(135,152,16)
```
#9caf12
```
#9caf12 rgb(156,175,18)
```
#b1c614
```
#b1c614 rgb(177,198,20)
```
#c5dd17
```
#c5dd17 rgb(197,221,23)
```
#d1e925
```
#d1e925 rgb(209,233,37)
```

Monochromatic Color

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

#af9b12
```
#af9b12 rgb(175,155,18)
```
#afa812
```
#afa812 rgb(175,168,18)
```
#a9af12
```
#a9af12 rgb(169,175,18)
```
#9caf12
```
#9caf12 rgb(156,175,18)
```
#8faf12
```
#8faf12 rgb(143,175,18)
```
#82af12
```
#82af12 rgb(130,175,18)
```
#75af12
```
#75af12 rgb(117,175,18)
```

Similar Colors

Text with hexadecimal color #9caf12

This text has a font color of #9caf12.

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

#9caf12 background color

This paragraph has a background color of #9caf12.

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

#9caf12 border color

This element has a border color of #9caf12.

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

CSS codes

.text {color:#9caf12;}

.background {background-color:#9caf12;}

.border {border:1px solid #9caf12;}

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 #fefffc is the lightest one.

#0d0f02
```
#0d0f02 rgb(13,15,2)
```
#1d2103
```
#1d2103 rgb(29,33,3)
```
#2d3205
```
#2d3205 rgb(45,50,5)
```
#3d4407
```
#3d4407 rgb(61,68,7)
```
#4d5609
```
#4d5609 rgb(77,86,9)
```
#5d680b
```
#5d680b rgb(93,104,11)
```
#6c7a0d
```
#6c7a0d rgb(108,122,13)
```
#7c8b0e
```
#7c8b0e rgb(124,139,14)
```
#8c9d10
```
#8c9d10 rgb(140,157,16)
```
#9caf12
```
#9caf12 rgb(156,175,18)
```
#acc114
```
#acc114 rgb(172,193,20)
```
#bcd316
```
#bcd316 rgb(188,211,22)
```
#cce417
```
#cce417 rgb(204,228,23)
```

Shade Color Variation

#d1e927
```
#d1e927 rgb(209,233,39)
```
#d5eb38
```
#d5eb38 rgb(213,235,56)
```
#d9ec4a
```
#d9ec4a rgb(217,236,74)
```
#ddee5c
```
#ddee5c rgb(221,238,92)
```
#e0f06e
```
#e0f06e rgb(224,240,110)
```
#e4f280
```
#e4f280 rgb(228,242,128)
```
#e8f491
```
#e8f491 rgb(232,244,145)
```
#ecf6a3
```
#ecf6a3 rgb(236,246,163)
```
#eff7b5
```
#eff7b5 rgb(239,247,181)
```
#f3f9c7
```
#f3f9c7 rgb(243,249,199)
```
#f7fbd9
```
#f7fbd9 rgb(247,251,217)
```
#fbfdea
```
#fbfdea rgb(251,253,234)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#64655c
```
#64655c rgb(100,101,92)
```
#696c55
```
#696c55 rgb(105,108,85)
```
#6f744d
```
#6f744d rgb(111,116,77)
```
#757b46
```
#757b46 rgb(117,123,70)
```
#7a823f
```
#7a823f rgb(122,130,63)
```
#808a37
```
#808a37 rgb(128,138,55)
```
#859130
```
#859130 rgb(133,145,48)
```
#8b9928
```
#8b9928 rgb(139,153,40)
```
#91a021
```
#91a021 rgb(145,160,33)
```
#96a819
```
#96a819 rgb(150,168,25)
```
#9caf12
```
#9caf12 rgb(156,175,18)
```
#a2b60b
```
#a2b60b rgb(162,182,11)
```
#a7be03
```
#a7be03 rgb(167,190,3)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#989c7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa1b Protanopia 1% of men
#d3a12c Deuteranopia 1% of men
#afa7b3 Tritanopia 0.001% of the population

Trichromacy

#b2ac18 Protanomaly 1% of men, 0.01% of women
#bfa623 Deuteranomaly 6% of men, 0.4% of women
#a8aa78 Tritanomaly 0.01% of the population

#9caf12 hex color

#9caf12 Color Information

#9caf12 Color Conversion

Color Schemes with #9caf12

Alternatives to #9caf12

#9caf12 Preview

Shades and Tints of #9caf12

Tones of #9caf12

Color Blindness Simulator