#acc300 Color Information
In a RGB color space, hex #acc300 is composed of 67.5% red, 76.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 100% yellow and 23.5% black. It has a hue angle of 67.1 degrees, a saturation of 100% and a lightness of 38.2%. #acc300 color hex could be obtained by blending #ffff00 with #598700. Closest websafe color is: #99cc00.
-
- R 67
- G 76
- B 0
-
- C 12
- M 0
- Y 100
- K 24
● #acc300 color description : Strong yellow.
#acc300 Color Conversion
The hexadecimal color #acc300 has RGB values of R:172, G:195, B:0 and CMYK values of C:0.12, M:0, Y:1, K:0.24. Its decimal value is 11322112.
Hex triplet | acc300 | #acc300 |
---|---|---|
RGB Decimal | 172, 195, 0 | rgb(172,195,0) |
RGB Percent | 67.5, 76.5, 0 | rgb(67.5%,76.5%,0%) |
CMYK | 12, 0, 100, 24 | |
HSL | 67.1°, 100, 38.2 | hsl(67.1,100%,38.2%) |
HSV (or HSB) | 67.1°, 100, 76.5 | |
Web Safe | 99cc00 | #99cc00 |
CIE-LAB | 74.699, -27.42, 75.121 |
---|---|
XYZ | 36.528, 47.801, 7.302 |
xyY | 0.399, 0.522, 47.801 |
CIE-LCH | 74.699, 79.969, 110.053 |
CIE-LUV | 74.699, -9.144, 83.951 |
Hunter-Lab | 69.138, -26.684, 42.135 |
Binary | 10101100, 11000011, 00000000 |
Color Schemes with #acc300
Alternatives to #acc300
Below, you can see some colors close to #acc300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#acc300 Preview
This text has a font color of #acc300.
<span style="color:#acc300;">Text here</span>
This paragraph has a background color of #acc300.
<p style="background-color:#acc300;">Content here</p>
This element has a border color of #acc300.
<div style="border:1px solid #acc300;">Content here</div>
.text {color:#acc300;}
.background {background-color:#acc300;}
.border {border:1px solid #acc300;}
Shades and Tints of #acc300
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, #101200 is the darkest color, while #fffffe is the lightest one.
-
#101200
#101200
rgb(16,18,0)
-
#222600
#222600
rgb(34,38,0)
-
#333a00
#333a00
rgb(51,58,0)
-
#444d00
#444d00
rgb(68,77,0)
-
#556100
#556100
rgb(85,97,0)
-
#677500
#677500
rgb(103,117,0)
-
#788800
#788800
rgb(120,136,0)
-
#899c00
#899c00
rgb(137,156,0)
-
#9baf00
#9baf00
rgb(155,175,0)
-
#acc300
#acc300
rgb(172,195,0)
-
#bdd700
#bdd700
rgb(189,215,0)
-
#cfea00
#cfea00
rgb(207,234,0)
-
#e0fe00
#e0fe00
rgb(224,254,0)
-
#e3ff12
#e3ff12
rgb(227,255,18)
-
#e5ff26
#e5ff26
rgb(229,255,38)
-
#e8ff3a
#e8ff3a
rgb(232,255,58)
-
#eaff4d
#eaff4d
rgb(234,255,77)
-
#ecff61
#ecff61
rgb(236,255,97)
-
#efff75
#efff75
rgb(239,255,117)
-
#f1ff88
#f1ff88
rgb(241,255,136)
-
#f3ff9c
#f3ff9c
rgb(243,255,156)
-
#f6ffaf
#f6ffaf
rgb(246,255,175)
-
#f8ffc3
#f8ffc3
rgb(248,255,195)
-
#faffd7
#faffd7
rgb(250,255,215)
-
#fdffea
#fdffea
rgb(253,255,234)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #acc300
A tone is produced by adding gray to any pure hue. In this case, #67695a is the less saturated color, while #acc300 is the most saturated one.
-
#67695a
#67695a
rgb(103,105,90)
-
#6d7153
#6d7153
rgb(109,113,83)
-
#73784b
#73784b
rgb(115,120,75)
-
#788044
#788044
rgb(120,128,68)
-
#7e873c
#7e873c
rgb(126,135,60)
-
#848f35
#848f35
rgb(132,143,53)
-
#8a962d
#8a962d
rgb(138,150,45)
-
#8f9e26
#8f9e26
rgb(143,158,38)
-
#95a51e
#95a51e
rgb(149,165,30)
-
#9bad17
#9bad17
rgb(155,173,23)
-
#a1b40f
#a1b40f
rgb(161,180,15)
-
#a6bc08
#a6bc08
rgb(166,188,8)
-
#acc300
#acc300
rgb(172,195,0)
Color Blindness Simulator
Below, you can see how #acc300 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.