#acc312 hex color

In a RGB color space, hex #acc312 is composed of 67.5% red, 76.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 90.8% yellow and 23.5% black. It has a hue angle of 67.8 degrees, a saturation of 83.1% and a lightness of 41.8%. #acc312 color hex could be obtained by blending #ffff24 with #598700. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 67
- G 76
- B 7
RGB color chart
- C 12
- M 0
- Y 91
- K 24
CMYK color chart

● #acc312 color description : Strong yellow.

The hexadecimal color #acc312 has RGB values of R:172, G:195, B:18 and CMYK values of C:0.12, M:0, Y:0.91, K:0.24. Its decimal value is 11322130.

Hex triplet	acc312	`#acc312`
RGB Decimal	172, 195, 18	`rgb(172,195,18)`
RGB Percent	67.5, 76.5, 7.1	`rgb(67.5%,76.5%,7.1%)`
CMYK	12, 0, 91, 24
HSL	67.8°, 83.1, 41.8	`hsl(67.8,83.1%,41.8%)`
HSV (or HSB)	67.8°, 90.8, 76.5
Web Safe	99cc00	`#99cc00`

CIE-LAB	74.727, -27.178, 73.09
XYZ	36.637, 47.845, 7.877
xyY	0.397, 0.518, 47.845
CIE-LCH	74.727, 77.979, 110.397
CIE-LUV	74.727, -9.188, 82.748
Hunter-Lab	69.17, -26.5, 41.667
Binary	10101100, 11000011, 00010010

#acc312
```
#acc312 rgb(172,195,18)
```
#2912c3
```
#2912c3 rgb(41,18,195)
```

Complementary Color

#c38212
```
#c38212 rgb(195,130,18)
```
#acc312
```
#acc312 rgb(172,195,18)
```
#53c312
```
#53c312 rgb(83,195,18)
```

Analogous Color

#8212c3
```
#8212c3 rgb(130,18,195)
```
#acc312
```
#acc312 rgb(172,195,18)
```
#1253c3
```
#1253c3 rgb(18,83,195)
```

Split Complementary Color

#c312ac
```
#c312ac rgb(195,18,172)
```
#acc312
```
#acc312 rgb(172,195,18)
```
#12acc3
```
#12acc3 rgb(18,172,195)
```

Triadic Color

#c32912
```
#c32912 rgb(195,41,18)
```
#acc312
```
#acc312 rgb(172,195,18)
```
#12acc3
```
#12acc3 rgb(18,172,195)
```
#2912c3
```
#2912c3 rgb(41,18,195)
```

Tetradic Color

#6e7d0c
```
#6e7d0c rgb(110,125,12)
```
#83940e
```
#83940e rgb(131,148,14)
```
#97ac10
```
#97ac10 rgb(151,172,16)
```
#acc312
```
#acc312 rgb(172,195,18)
```
#c1da14
```
#c1da14 rgb(193,218,20)
```
#d0ea1e
```
#d0ea1e rgb(208,234,30)
```
#d5ec35
```
#d5ec35 rgb(213,236,53)
```

Monochromatic Color

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

#c3ae12
```
#c3ae12 rgb(195,174,18)
```
#c3bd12
```
#c3bd12 rgb(195,189,18)
```
#bbc312
```
#bbc312 rgb(187,195,18)
```
#acc312
```
#acc312 rgb(172,195,18)
```
#9dc312
```
#9dc312 rgb(157,195,18)
```
#8fc312
```
#8fc312 rgb(143,195,18)
```
#80c312
```
#80c312 rgb(128,195,18)
```

Similar Colors

Text with hexadecimal color #acc312

This text has a font color of #acc312.

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

#acc312 background color

This paragraph has a background color of #acc312.

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

#acc312 border color

This element has a border color of #acc312.

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

CSS codes

.text {color:#acc312;}

.background {background-color:#acc312;}

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

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

#0e0f01
```
#0e0f01 rgb(14,15,1)
```
#1d2103
```
#1d2103 rgb(29,33,3)
```
#2d3305
```
#2d3305 rgb(45,51,5)
```
#3d4506
```
#3d4506 rgb(61,69,6)
```
#4d5708
```
#4d5708 rgb(77,87,8)
```
#5d690a
```
#5d690a rgb(93,105,10)
```
#6d7b0b
```
#6d7b0b rgb(109,123,11)
```
#7c8d0d
```
#7c8d0d rgb(124,141,13)
```
#8c9f0f
```
#8c9f0f rgb(140,159,15)
```
#9cb110
```
#9cb110 rgb(156,177,16)
```
#acc312
```
#acc312 rgb(172,195,18)
```
#bcd514
```
#bcd514 rgb(188,213,20)
```
#cce715
```
#cce715 rgb(204,231,21)
```

Shade Color Variation

#d1eb25
```
#d1eb25 rgb(209,235,37)
```
#d5ed37
```
#d5ed37 rgb(213,237,55)
```
#d9ee49
```
#d9ee49 rgb(217,238,73)
```
#dcf05b
```
#dcf05b rgb(220,240,91)
```
#e0f26d
```
#e0f26d rgb(224,242,109)
```
#e4f37f
```
#e4f37f rgb(228,243,127)
```
#e8f591
```
#e8f591 rgb(232,245,145)
```
#ecf6a3
```
#ecf6a3 rgb(236,246,163)
```
#eff8b5
```
#eff8b5 rgb(239,248,181)
```
#f3fac7
```
#f3fac7 rgb(243,250,199)
```
#f7fbd9
```
#f7fbd9 rgb(247,251,217)
```
#fbfdeb
```
#fbfdeb rgb(251,253,235)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#6f7164
```
#6f7164 rgb(111,113,100)
```
#75795c
```
#75795c rgb(117,121,92)
```
#7b8154
```
#7b8154 rgb(123,129,84)
```
#828a4b
```
#828a4b rgb(130,138,75)
```
#889243
```
#889243 rgb(136,146,67)
```
#8e9a3b
```
#8e9a3b rgb(142,154,59)
```
#94a233
```
#94a233 rgb(148,162,51)
```
#9aaa2b
```
#9aaa2b rgb(154,170,43)
```
#a0b322
```
#a0b322 rgb(160,179,34)
```
#a6bb1a
```
#a6bb1a rgb(166,187,26)
```
#acc312
```
#acc312 rgb(172,195,18)
```
#b2cb0a
```
#b2cb0a rgb(178,203,10)
```
#b8d302
```
#b8d302 rgb(184,211,2)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a9ad8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bb1a Protanopia 1% of men
#e9b22f Deuteranopia 1% of men
#c0b9c6 Tritanopia 0.001% of the population

Trichromacy

#c4be17 Protanomaly 1% of men, 0.01% of women
#d3b824 Deuteranomaly 6% of men, 0.4% of women
#b8bc84 Tritanomaly 0.01% of the population

#acc312 hex color

#acc312 Color Information

#acc312 Color Conversion

Color Schemes with #acc312

Alternatives to #acc312

#acc312 Preview

Shades and Tints of #acc312

Tones of #acc312

Color Blindness Simulator