#ffab35 Color Information
In a RGB color space, hex #ffab35 is composed of 100% red, 67.1% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.9% magenta, 79.2% yellow and 0% black. It has a hue angle of 35 degrees, a saturation of 100% and a lightness of 60.4%. #ffab35 color hex could be obtained by blending #ffff6a with #ff5700. Closest websafe color is: #ff9933.
-
- R 100
- G 67
- B 21
-
- C 0
- M 33
- Y 79
- K 0
● #ffab35 color description : Light orange.
#ffab35 Color Conversion
The hexadecimal color #ffab35 has RGB values of R:255, G:171, B:53 and CMYK values of C:0, M:0.33, Y:0.79, K:0. Its decimal value is 16755509.
Hex triplet | ffab35 | #ffab35 |
---|---|---|
RGB Decimal | 255, 171, 53 | rgb(255,171,53) |
RGB Percent | 100, 67.1, 20.8 | rgb(100%,67.1%,20.8%) |
CMYK | 0, 33, 79, 0 | |
HSL | 35°, 100, 60.4 | hsl(35,100%,60.4%) |
HSV (or HSB) | 35°, 79.2, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 76.465, 21.725, 68.675 |
---|---|
XYZ | 56.447, 50.647, 10.171 |
xyY | 0.481, 0.432, 50.647 |
CIE-LCH | 76.465, 72.029, 72.446 |
CIE-LUV | 76.465, 68.43, 69.621 |
Hunter-Lab | 71.166, 17.039, 41.343 |
Binary | 11111111, 10101011, 00110101 |
Color Schemes with #ffab35
Alternatives to #ffab35
Below, you can see some colors close to #ffab35. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffab35 Preview
This text has a font color of #ffab35.
<span style="color:#ffab35;">Text here</span>
This paragraph has a background color of #ffab35.
<p style="background-color:#ffab35;">Content here</p>
This element has a border color of #ffab35.
<div style="border:1px solid #ffab35;">Content here</div>
.text {color:#ffab35;}
.background {background-color:#ffab35;}
.border {border:1px solid #ffab35;}
Shades and Tints of #ffab35
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, #0e0800 is the darkest color, while #fffdf9 is the lightest one.
-
#0e0800
#0e0800
rgb(14,8,0)
-
#211400
#211400
rgb(33,20,0)
-
#351f00
#351f00
rgb(53,31,0)
-
#492a00
#492a00
rgb(73,42,0)
-
#5c3600
#5c3600
rgb(92,54,0)
-
#704100
#704100
rgb(112,65,0)
-
#834d00
#834d00
rgb(131,77,0)
-
#975800
#975800
rgb(151,88,0)
-
#ab6400
#ab6400
rgb(171,100,0)
-
#be6f00
#be6f00
rgb(190,111,0)
-
#d27b00
#d27b00
rgb(210,123,0)
-
#e68600
#e68600
rgb(230,134,0)
-
#f99200
#f99200
rgb(249,146,0)
-
#ff9b0e
#ff9b0e
rgb(255,155,14)
-
#ffa321
#ffa321
rgb(255,163,33)
-
#ffab35
#ffab35
rgb(255,171,53)
-
#ffb349
#ffb349
rgb(255,179,73)
-
#ffbb5c
#ffbb5c
rgb(255,187,92)
-
#ffc370
#ffc370
rgb(255,195,112)
-
#ffcc83
#ffcc83
rgb(255,204,131)
-
#ffd497
#ffd497
rgb(255,212,151)
-
#ffdcab
#ffdcab
rgb(255,220,171)
-
#ffe4be
#ffe4be
rgb(255,228,190)
-
#ffecd2
#ffecd2
rgb(255,236,210)
-
#fff4e6
#fff4e6
rgb(255,244,230)
-
#fffdf9
#fffdf9
rgb(255,253,249)
Tones of #ffab35
A tone is produced by adding gray to any pure hue. In this case, #a29b92 is the less saturated color, while #ffab35 is the most saturated one.
-
#a29b92
#a29b92
rgb(162,155,146)
-
#aa9d8a
#aa9d8a
rgb(170,157,138)
-
#b19e83
#b19e83
rgb(177,158,131)
-
#b99f7b
#b99f7b
rgb(185,159,123)
-
#c1a173
#c1a173
rgb(193,161,115)
-
#c9a26b
#c9a26b
rgb(201,162,107)
-
#d0a364
#d0a364
rgb(208,163,100)
-
#d8a45c
#d8a45c
rgb(216,164,92)
-
#e0a654
#e0a654
rgb(224,166,84)
-
#e8a74c
#e8a74c
rgb(232,167,76)
-
#efa845
#efa845
rgb(239,168,69)
-
#f7aa3d
#f7aa3d
rgb(247,170,61)
-
#ffab35
#ffab35
rgb(255,171,53)
Color Blindness Simulator
Below, you can see how #ffab35 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.