#fab345 Color Information
In a RGB color space, hex #fab345 is composed of 98% red, 70.2% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.4% magenta, 72.4% yellow and 2% black. It has a hue angle of 36.5 degrees, a saturation of 94.8% and a lightness of 62.5%. #fab345 color hex could be obtained by blending #ffff8a with #f56700. Closest websafe color is: #ffcc33.
-
- R 98
- G 70
- B 27
-
- C 0
- M 28
- Y 72
- K 2
● #fab345 color description : Bright orange.
#fab345 Color Conversion
The hexadecimal color #fab345 has RGB values of R:250, G:179, B:69 and CMYK values of C:0, M:0.28, Y:0.72, K:0.02. Its decimal value is 16429893.
Hex triplet | fab345 | #fab345 |
---|---|---|
RGB Decimal | 250, 179, 69 | rgb(250,179,69) |
RGB Percent | 98, 70.2, 27.1 | rgb(98%,70.2%,27.1%) |
CMYK | 0, 28, 72, 2 | |
HSL | 36.5°, 94.8, 62.5 | hsl(36.5,94.8%,62.5%) |
HSV (or HSB) | 36.5°, 72.4, 98 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 77.873, 16.081, 63.679 |
---|---|
XYZ | 56.62, 52.997, 12.877 |
xyY | 0.462, 0.433, 52.997 |
CIE-LCH | 77.873, 65.678, 75.828 |
CIE-LUV | 77.873, 57.27, 68.298 |
Hunter-Lab | 72.799, 11.43, 40.472 |
Binary | 11111010, 10110011, 01000101 |
Color Schemes with #fab345
Alternatives to #fab345
Below, you can see some colors close to #fab345. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fab345 Preview
This text has a font color of #fab345.
<span style="color:#fab345;">Text here</span>
This paragraph has a background color of #fab345.
<p style="background-color:#fab345;">Content here</p>
This element has a border color of #fab345.
<div style="border:1px solid #fab345;">Content here</div>
.text {color:#fab345;}
.background {background-color:#fab345;}
.border {border:1px solid #fab345;}
Shades and Tints of #fab345
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, #050300 is the darkest color, while #fff9f1 is the lightest one.
-
#050300
#050300
rgb(5,3,0)
-
#180f01
#180f01
rgb(24,15,1)
-
#2b1b01
#2b1b01
rgb(43,27,1)
-
#3e2702
#3e2702
rgb(62,39,2)
-
#513202
#513202
rgb(81,50,2)
-
#653e03
#653e03
rgb(101,62,3)
-
#784a03
#784a03
rgb(120,74,3)
-
#8b5604
#8b5604
rgb(139,86,4)
-
#9e6204
#9e6204
rgb(158,98,4)
-
#b16d05
#b16d05
rgb(177,109,5)
-
#c47905
#c47905
rgb(196,121,5)
-
#d78506
#d78506
rgb(215,133,6)
-
#ea9106
#ea9106
rgb(234,145,6)
-
#f89c0c
#f89c0c
rgb(248,156,12)
-
#f9a31f
#f9a31f
rgb(249,163,31)
-
#f9ab32
#f9ab32
rgb(249,171,50)
-
#fab345
#fab345
rgb(250,179,69)
-
#fbbb58
#fbbb58
rgb(251,187,88)
-
#fbc36b
#fbc36b
rgb(251,195,107)
-
#fcca7e
#fcca7e
rgb(252,202,126)
-
#fcd291
#fcd291
rgb(252,210,145)
-
#fddaa5
#fddaa5
rgb(253,218,165)
-
#fde2b8
#fde2b8
rgb(253,226,184)
-
#feeacb
#feeacb
rgb(254,234,203)
-
#fef1de
#fef1de
rgb(254,241,222)
-
#fff9f1
#fff9f1
rgb(255,249,241)
Tones of #fab345
A tone is produced by adding gray to any pure hue. In this case, #a2a09d is the less saturated color, while #fab345 is the most saturated one.
-
#a2a09d
#a2a09d
rgb(162,160,157)
-
#a9a296
#a9a296
rgb(169,162,150)
-
#b1a38e
#b1a38e
rgb(177,163,142)
-
#b8a587
#b8a587
rgb(184,165,135)
-
#bfa680
#bfa680
rgb(191,166,128)
-
#c7a878
#c7a878
rgb(199,168,120)
-
#ceaa71
#ceaa71
rgb(206,170,113)
-
#d5ab6a
#d5ab6a
rgb(213,171,106)
-
#ddad62
#ddad62
rgb(221,173,98)
-
#e4ae5b
#e4ae5b
rgb(228,174,91)
-
#ebb054
#ebb054
rgb(235,176,84)
-
#f3b14c
#f3b14c
rgb(243,177,76)
-
#fab345
#fab345
rgb(250,179,69)
Color Blindness Simulator
Below, you can see how #fab345 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.