#ffb232 Color Information
In a RGB color space, hex #ffb232 is composed of 100% red, 69.8% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.2% magenta, 80.4% yellow and 0% black. It has a hue angle of 37.5 degrees, a saturation of 100% and a lightness of 59.8%. #ffb232 color hex could be obtained by blending #ffff64 with #ff6500. Closest websafe color is: #ff9933.
-
- R 100
- G 70
- B 20
-
- C 0
- M 30
- Y 80
- K 0
● #ffb232 color description : Vivid orange.
#ffb232 Color Conversion
The hexadecimal color #ffb232 has RGB values of R:255, G:178, B:50 and CMYK values of C:0, M:0.3, Y:0.8, K:0. Its decimal value is 16757298.
Hex triplet | ffb232 | #ffb232 |
---|---|---|
RGB Decimal | 255, 178, 50 | rgb(255,178,50) |
RGB Percent | 100, 69.8, 19.6 | rgb(100%,69.8%,19.6%) |
CMYK | 0, 30, 80, 0 | |
HSL | 37.5°, 100, 59.8 | hsl(37.5,100%,59.8%) |
HSV (or HSB) | 37.5°, 80.4, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 78.072, 17.974, 71.15 |
---|---|
XYZ | 57.737, 53.335, 10.271 |
xyY | 0.476, 0.44, 53.335 |
CIE-LCH | 78.072, 73.385, 75.823 |
CIE-LUV | 78.072, 62.999, 72.944 |
Hunter-Lab | 73.031, 13.317, 42.783 |
Binary | 11111111, 10110010, 00110010 |
Color Schemes with #ffb232
Alternatives to #ffb232
Below, you can see some colors close to #ffb232. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb232 Preview
This text has a font color of #ffb232.
<span style="color:#ffb232;">Text here</span>
This paragraph has a background color of #ffb232.
<p style="background-color:#ffb232;">Content here</p>
This element has a border color of #ffb232.
<div style="border:1px solid #ffb232;">Content here</div>
.text {color:#ffb232;}
.background {background-color:#ffb232;}
.border {border:1px solid #ffb232;}
Shades and Tints of #ffb232
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)
-
#462b00
#462b00
rgb(70,43,0)
-
#593800
#593800
rgb(89,56,0)
-
#6d4400
#6d4400
rgb(109,68,0)
-
#805000
#805000
rgb(128,80,0)
-
#945c00
#945c00
rgb(148,92,0)
-
#a86900
#a86900
rgb(168,105,0)
-
#bb7500
#bb7500
rgb(187,117,0)
-
#cf8100
#cf8100
rgb(207,129,0)
-
#e38d00
#e38d00
rgb(227,141,0)
-
#f69a00
#f69a00
rgb(246,154,0)
-
#ffa30b
#ffa30b
rgb(255,163,11)
-
#ffab1e
#ffab1e
rgb(255,171,30)
-
#ffb232
#ffb232
rgb(255,178,50)
-
#ffb946
#ffb946
rgb(255,185,70)
-
#ffc159
#ffc159
rgb(255,193,89)
-
#ffc86d
#ffc86d
rgb(255,200,109)
-
#ffcf80
#ffcf80
rgb(255,207,128)
-
#ffd794
#ffd794
rgb(255,215,148)
-
#ffdea8
#ffdea8
rgb(255,222,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 #ffb232
A tone is produced by adding gray to any pure hue. In this case, #a09a91 is the less saturated color, while #ffb232 is the most saturated one.
-
#a09a91
#a09a91
rgb(160,154,145)
-
#a89c89
#a89c89
rgb(168,156,137)
-
#b09e81
#b09e81
rgb(176,158,129)
-
#b8a079
#b8a079
rgb(184,160,121)
-
#c0a271
#c0a271
rgb(192,162,113)
-
#c8a469
#c8a469
rgb(200,164,105)
-
#d0a661
#d0a661
rgb(208,166,97)
-
#d8a859
#d8a859
rgb(216,168,89)
-
#dfaa52
#dfaa52
rgb(223,170,82)
-
#e7ac4a
#e7ac4a
rgb(231,172,74)
-
#efae42
#efae42
rgb(239,174,66)
-
#f7b03a
#f7b03a
rgb(247,176,58)
-
#ffb232
#ffb232
rgb(255,178,50)
Color Blindness Simulator
Below, you can see how #ffb232 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.