#abb300 Color Information
In a RGB color space, hex #abb300 is composed of 67.1% red, 70.2% green and 0% blue. Whereas in a CMYK color space, it is composed of 4.5% cyan, 0% magenta, 100% yellow and 29.8% black. It has a hue angle of 62.7 degrees, a saturation of 100% and a lightness of 35.1%. #abb300 color hex could be obtained by blending #ffff00 with #576700. Closest websafe color is: #99cc00.
-
- R 67
- G 70
- B 0
-
- C 4
- M 0
- Y 100
- K 30
● #abb300 color description : Strong yellow.
#abb300 Color Conversion
The hexadecimal color #abb300 has RGB values of R:171, G:179, B:0 and CMYK values of C:0.04, M:0, Y:1, K:0.3. Its decimal value is 11252480.
Hex triplet | abb300 | #abb300 |
---|---|---|
RGB Decimal | 171, 179, 0 | rgb(171,179,0) |
RGB Percent | 67.1, 70.2, 0 | rgb(67.1%,70.2%,0%) |
CMYK | 4, 0, 100, 30 | |
HSL | 62.7°, 100, 35.1 | hsl(62.7,100%,35.1%) |
HSV (or HSB) | 62.7°, 100, 70.2 | |
Web Safe | 99cc00 | #99cc00 |
CIE-LAB | 70.105, -20.023, 71.677 |
---|---|
XYZ | 32.915, 40.899, 6.16 |
xyY | 0.412, 0.511, 40.899 |
CIE-LCH | 70.105, 74.421, 105.607 |
CIE-LUV | 70.105, 0.165, 77.723 |
Hunter-Lab | 63.952, -20.046, 39.055 |
Binary | 10101011, 10110011, 00000000 |
Color Schemes with #abb300
Alternatives to #abb300
Below, you can see some colors close to #abb300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#abb300 Preview
This text has a font color of #abb300.
<span style="color:#abb300;">Text here</span>
This paragraph has a background color of #abb300.
<p style="background-color:#abb300;">Content here</p>
This element has a border color of #abb300.
<div style="border:1px solid #abb300;">Content here</div>
.text {color:#abb300;}
.background {background-color:#abb300;}
.border {border:1px solid #abb300;}
Shades and Tints of #abb300
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, #020200 is the darkest color, while #feffee is the lightest one.
-
#020200
#020200
rgb(2,2,0)
-
#151600
#151600
rgb(21,22,0)
-
#282a00
#282a00
rgb(40,42,0)
-
#3b3d00
#3b3d00
rgb(59,61,0)
-
#4d5100
#4d5100
rgb(77,81,0)
-
#606500
#606500
rgb(96,101,0)
-
#737800
#737800
rgb(115,120,0)
-
#868c00
#868c00
rgb(134,140,0)
-
#989f00
#989f00
rgb(152,159,0)
-
#abb300
#abb300
rgb(171,179,0)
-
#bec700
#bec700
rgb(190,199,0)
-
#d0da00
#d0da00
rgb(208,218,0)
-
#e3ee00
#e3ee00
rgb(227,238,0)
-
#f4ff02
#f4ff02
rgb(244,255,2)
-
#f5ff16
#f5ff16
rgb(245,255,22)
-
#f5ff2a
#f5ff2a
rgb(245,255,42)
-
#f6ff3d
#f6ff3d
rgb(246,255,61)
-
#f7ff51
#f7ff51
rgb(247,255,81)
-
#f8ff65
#f8ff65
rgb(248,255,101)
-
#f9ff78
#f9ff78
rgb(249,255,120)
-
#faff8c
#faff8c
rgb(250,255,140)
-
#fbff9f
#fbff9f
rgb(251,255,159)
-
#fcffb3
#fcffb3
rgb(252,255,179)
-
#fcffc7
#fcffc7
rgb(252,255,199)
-
#fdffda
#fdffda
rgb(253,255,218)
-
#feffee
#feffee
rgb(254,255,238)
Tones of #abb300
A tone is produced by adding gray to any pure hue. In this case, #606053 is the less saturated color, while #abb300 is the most saturated one.
-
#606053
#606053
rgb(96,96,83)
-
#66674c
#66674c
rgb(102,103,76)
-
#6c6e45
#6c6e45
rgb(108,110,69)
-
#73753e
#73753e
rgb(115,117,62)
-
#797c37
#797c37
rgb(121,124,55)
-
#7f8330
#7f8330
rgb(127,131,48)
-
#858a29
#858a29
rgb(133,138,41)
-
#8c9122
#8c9122
rgb(140,145,34)
-
#92971c
#92971c
rgb(146,151,28)
-
#989e15
#989e15
rgb(152,158,21)
-
#9ea50e
#9ea50e
rgb(158,165,14)
-
#a5ac07
#a5ac07
rgb(165,172,7)
-
#abb300
#abb300
rgb(171,179,0)
Color Blindness Simulator
Below, you can see how #abb300 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.