colorhexa.com

#abc312 hex color

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

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

● #abc312 color description : Strong yellow.

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

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

CIE-LAB	74.655, -27.596, 73.003
XYZ	36.419, 47.732, 7.867
xyY	0.396, 0.519, 47.732
CIE-LCH	74.655, 78.044, 110.707
CIE-LUV	74.655, -9.816, 82.744
Hunter-Lab	69.088, -26.811, 41.611
Binary	10101011, 11000011, 00010010

#abc312
```
#abc312 rgb(171,195,18)
```
#2a12c3
```
#2a12c3 rgb(42,18,195)
```

Complementary Color

#c38312
```
#c38312 rgb(195,131,18)
```
#abc312
```
#abc312 rgb(171,195,18)
```
#53c312
```
#53c312 rgb(83,195,18)
```

Analogous Color

#8312c3
```
#8312c3 rgb(131,18,195)
```
#abc312
```
#abc312 rgb(171,195,18)
```
#1252c3
```
#1252c3 rgb(18,82,195)
```

Split Complementary Color

#c312ab
```
#c312ab rgb(195,18,171)
```
#abc312
```
#abc312 rgb(171,195,18)
```
#12abc3
```
#12abc3 rgb(18,171,195)
```

Triadic Color

#c32a12
```
#c32a12 rgb(195,42,18)
```
#abc312
```
#abc312 rgb(171,195,18)
```
#12abc3
```
#12abc3 rgb(18,171,195)
```
#2a12c3
```
#2a12c3 rgb(42,18,195)
```

Tetradic Color

#6e7d0c
```
#6e7d0c rgb(110,125,12)
```
#82940e
```
#82940e rgb(130,148,14)
```
#97ac10
```
#97ac10 rgb(151,172,16)
```
#abc312
```
#abc312 rgb(171,195,18)
```
#bfda14
```
#bfda14 rgb(191,218,20)
```
#ceea1e
```
#ceea1e rgb(206,234,30)
```
#d4ec35
```
#d4ec35 rgb(212,236,53)
```

Monochromatic Color

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

#c3af12
```
#c3af12 rgb(195,175,18)
```
#c3be12
```
#c3be12 rgb(195,190,18)
```
#bac312
```
#bac312 rgb(186,195,18)
```
#abc312
```
#abc312 rgb(171,195,18)
```
#9cc312
```
#9cc312 rgb(156,195,18)
```
#8ec312
```
#8ec312 rgb(142,195,18)
```
#7fc312
```
#7fc312 rgb(127,195,18)
```

Similar Colors

Text with hexadecimal color #abc312

This text has a font color of #abc312.

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

#abc312 background color

This paragraph has a background color of #abc312.

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

#abc312 border color

This element has a border color of #abc312.

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

CSS codes

.text {color:#abc312;}

.background {background-color:#abc312;}

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

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)
```
#5c690a
```
#5c690a rgb(92,105,10)
```
#6c7b0b
```
#6c7b0b rgb(108,123,11)
```
#7c8d0d
```
#7c8d0d rgb(124,141,13)
```
#8c9f0f
```
#8c9f0f rgb(140,159,15)
```
#9bb110
```
#9bb110 rgb(155,177,16)
```
#abc312
```
#abc312 rgb(171,195,18)
```
#bbd514
```
#bbd514 rgb(187,213,20)
```
#cae715
```
#cae715 rgb(202,231,21)
```

Shade Color Variation

#d0eb25
```
#d0eb25 rgb(208,235,37)
```
#d4ed37
```
#d4ed37 rgb(212,237,55)
```
#d8ee49
```
#d8ee49 rgb(216,238,73)
```
#dcf05b
```
#dcf05b rgb(220,240,91)
```
#e0f26d
```
#e0f26d rgb(224,242,109)
```
#e3f37f
```
#e3f37f rgb(227,243,127)
```
#e7f591
```
#e7f591 rgb(231,245,145)
```
#ebf6a3
```
#ebf6a3 rgb(235,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 #b7d302 is the most saturated one.

#6f7164
```
#6f7164 rgb(111,113,100)
```
#75795c
```
#75795c rgb(117,121,92)
```
#7b8154
```
#7b8154 rgb(123,129,84)
```
#818a4b
```
#818a4b rgb(129,138,75)
```
#879243
```
#879243 rgb(135,146,67)
```
#8d9a3b
```
#8d9a3b rgb(141,154,59)
```
#93a233
```
#93a233 rgb(147,162,51)
```
#99aa2b
```
#99aa2b rgb(153,170,43)
```
#9fb322
```
#9fb322 rgb(159,179,34)
```
#a5bb1a
```
#a5bb1a rgb(165,187,26)
```
#abc312
```
#abc312 rgb(171,195,18)
```
#b1cb0a
```
#b1cb0a rgb(177,203,10)
```
#b7d302
```
#b7d302 rgb(183,211,2)
```

Tone Color Variation

Below, you can see how #abc312 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
#bfb9c6 Tritanopia 0.001% of the population

Trichromacy

#c3be17 Protanomaly 1% of men, 0.01% of women
#d2b825 Deuteranomaly 6% of men, 0.4% of women
#b7bc84 Tritanomaly 0.01% of the population