#ffb332 Color Information
In a RGB color space, hex #ffb332 is composed of 100% red, 70.2% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.8% magenta, 80.4% yellow and 0% black. It has a hue angle of 37.8 degrees, a saturation of 100% and a lightness of 59.8%. #ffb332 color hex could be obtained by blending #ffff64 with #ff6700. Closest websafe color is: #ffcc33.
-
- R 100
- G 70
- B 20
-
- C 0
- M 30
- Y 80
- K 0
● #ffb332 color description : Vivid orange.
#ffb332 Color Conversion
The hexadecimal color #ffb332 has RGB values of R:255, G:179, B:50 and CMYK values of C:0, M:0.3, Y:0.8, K:0. Its decimal value is 16757554.
Hex triplet | ffb332 | #ffb332 |
---|---|---|
RGB Decimal | 255, 179, 50 | rgb(255,179,50) |
RGB Percent | 100, 70.2, 19.6 | rgb(100%,70.2%,19.6%) |
CMYK | 0, 30, 80, 0 | |
HSL | 37.8°, 100, 59.8 | hsl(37.8,100%,59.8%) |
HSV (or HSB) | 37.8°, 80.4, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 78.306, 17.452, 71.357 |
---|---|
XYZ | 57.937, 53.734, 10.338 |
xyY | 0.475, 0.44, 53.734 |
CIE-LCH | 78.306, 73.46, 76.257 |
CIE-LUV | 78.306, 62.207, 73.325 |
Hunter-Lab | 73.304, 12.8, 42.951 |
Binary | 11111111, 10110011, 00110010 |
Color Schemes with #ffb332
Alternatives to #ffb332
Below, you can see some colors close to #ffb332. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb332 Preview
This text has a font color of #ffb332.
<span style="color:#ffb332;">Text here</span>
This paragraph has a background color of #ffb332.
<p style="background-color:#ffb332;">Content here</p>
This element has a border color of #ffb332.
<div style="border:1px solid #ffb332;">Content here</div>
.text {color:#ffb332;}
.background {background-color:#ffb332;}
.border {border:1px solid #ffb332;}
Shades and Tints of #ffb332
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, #0b0700 is the darkest color, while #fffcf6 is the lightest one.
-
#0b0700
#0b0700
rgb(11,7,0)
-
#1e1300
#1e1300
rgb(30,19,0)
-
#321f00
#321f00
rgb(50,31,0)
-
#462c00
#462c00
rgb(70,44,0)
-
#593800
#593800
rgb(89,56,0)
-
#6d4400
#6d4400
rgb(109,68,0)
-
#805100
#805100
rgb(128,81,0)
-
#945d00
#945d00
rgb(148,93,0)
-
#a86a00
#a86a00
rgb(168,106,0)
-
#bb7600
#bb7600
rgb(187,118,0)
-
#cf8200
#cf8200
rgb(207,130,0)
-
#e38f00
#e38f00
rgb(227,143,0)
-
#f69b00
#f69b00
rgb(246,155,0)
-
#ffa40b
#ffa40b
rgb(255,164,11)
-
#ffac1e
#ffac1e
rgb(255,172,30)
-
#ffb332
#ffb332
rgb(255,179,50)
-
#ffba46
#ffba46
rgb(255,186,70)
-
#ffc259
#ffc259
rgb(255,194,89)
-
#ffc96d
#ffc96d
rgb(255,201,109)
-
#ffd080
#ffd080
rgb(255,208,128)
-
#ffd794
#ffd794
rgb(255,215,148)
-
#ffdfa8
#ffdfa8
rgb(255,223,168)
-
#ffe6bb
#ffe6bb
rgb(255,230,187)
-
#ffedcf
#ffedcf
rgb(255,237,207)
-
#fff4e3
#fff4e3
rgb(255,244,227)
-
#fffcf6
#fffcf6
rgb(255,252,246)
Tones of #ffb332
A tone is produced by adding gray to any pure hue. In this case, #a09b91 is the less saturated color, while #ffb332 is the most saturated one.
-
#a09b91
#a09b91
rgb(160,155,145)
-
#a89d89
#a89d89
rgb(168,157,137)
-
#b09f81
#b09f81
rgb(176,159,129)
-
#b8a179
#b8a179
rgb(184,161,121)
-
#c0a371
#c0a371
rgb(192,163,113)
-
#c8a569
#c8a569
rgb(200,165,105)
-
#d0a761
#d0a761
rgb(208,167,97)
-
#d8a959
#d8a959
rgb(216,169,89)
-
#dfab52
#dfab52
rgb(223,171,82)
-
#e7ad4a
#e7ad4a
rgb(231,173,74)
-
#efaf42
#efaf42
rgb(239,175,66)
-
#f7b13a
#f7b13a
rgb(247,177,58)
-
#ffb332
#ffb332
rgb(255,179,50)
Color Blindness Simulator
Below, you can see how #ffb332 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.