#ff6228 Color Information
In a RGB color space, hex #ff6228 is composed of 100% red, 38.4% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.6% magenta, 84.3% yellow and 0% black. It has a hue angle of 16.2 degrees, a saturation of 100% and a lightness of 57.8%. #ff6228 color hex could be obtained by blending #ffc450 with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 38
- B 16
-
- C 0
- M 62
- Y 84
- K 0
● #ff6228 color description : Vivid orange.
#ff6228 Color Conversion
The hexadecimal color #ff6228 has RGB values of R:255, G:98, B:40 and CMYK values of C:0, M:0.62, Y:0.84, K:0. Its decimal value is 16736808.
Hex triplet | ff6228 | #ff6228 |
---|---|---|
RGB Decimal | 255, 98, 40 | rgb(255,98,40) |
RGB Percent | 100, 38.4, 15.7 | rgb(100%,38.4%,15.7%) |
CMYK | 0, 62, 84, 0 | |
HSL | 16.2°, 100, 57.8 | hsl(16.2,100%,57.8%) |
HSV (or HSB) | 16.2°, 84.3, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 61.787, 57.256, 60.608 |
---|---|
XYZ | 45.993, 30.154, 5.406 |
xyY | 0.564, 0.37, 30.154 |
CIE-LCH | 61.787, 83.376, 46.629 |
CIE-LUV | 61.787, 128.293, 47.485 |
Hunter-Lab | 54.912, 53.409, 32.602 |
Binary | 11111111, 01100010, 00101000 |
Color Schemes with #ff6228
Alternatives to #ff6228
Below, you can see some colors close to #ff6228. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff6228 Preview
This text has a font color of #ff6228.
<span style="color:#ff6228;">Text here</span>
This paragraph has a background color of #ff6228.
<p style="background-color:#ff6228;">Content here</p>
This element has a border color of #ff6228.
<div style="border:1px solid #ff6228;">Content here</div>
.text {color:#ff6228;}
.background {background-color:#ff6228;}
.border {border:1px solid #ff6228;}
Shades and Tints of #ff6228
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, #010000 is the darkest color, while #fff1ec is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140500
#140500
rgb(20,5,0)
-
#280b00
#280b00
rgb(40,11,0)
-
#3c1000
#3c1000
rgb(60,16,0)
-
#4f1500
#4f1500
rgb(79,21,0)
-
#631b00
#631b00
rgb(99,27,0)
-
#762000
#762000
rgb(118,32,0)
-
#8a2500
#8a2500
rgb(138,37,0)
-
#9e2b00
#9e2b00
rgb(158,43,0)
-
#b13000
#b13000
rgb(177,48,0)
-
#c53500
#c53500
rgb(197,53,0)
-
#d93a00
#d93a00
rgb(217,58,0)
-
#ec4000
#ec4000
rgb(236,64,0)
-
#ff4501
#ff4501
rgb(255,69,1)
-
#ff5414
#ff5414
rgb(255,84,20)
-
#ff6228
#ff6228
rgb(255,98,40)
-
#ff703c
#ff703c
rgb(255,112,60)
-
#ff7f4f
#ff7f4f
rgb(255,127,79)
-
#ff8d63
#ff8d63
rgb(255,141,99)
-
#ff9b76
#ff9b76
rgb(255,155,118)
-
#ffaa8a
#ffaa8a
rgb(255,170,138)
-
#ffb89e
#ffb89e
rgb(255,184,158)
-
#ffc6b1
#ffc6b1
rgb(255,198,177)
-
#ffd5c5
#ffd5c5
rgb(255,213,197)
-
#ffe3d9
#ffe3d9
rgb(255,227,217)
-
#fff1ec
#fff1ec
rgb(255,241,236)
Tones of #ff6228
A tone is produced by adding gray to any pure hue. In this case, #9c908b is the less saturated color, while #ff6228 is the most saturated one.
-
#9c908b
#9c908b
rgb(156,144,139)
-
#a48c83
#a48c83
rgb(164,140,131)
-
#ac887b
#ac887b
rgb(172,136,123)
-
#b58472
#b58472
rgb(181,132,114)
-
#bd806a
#bd806a
rgb(189,128,106)
-
#c57d62
#c57d62
rgb(197,125,98)
-
#cd795a
#cd795a
rgb(205,121,90)
-
#d67551
#d67551
rgb(214,117,81)
-
#de7149
#de7149
rgb(222,113,73)
-
#e66d41
#e66d41
rgb(230,109,65)
-
#ee6a39
#ee6a39
rgb(238,106,57)
-
#f76630
#f76630
rgb(247,102,48)
-
#ff6228
#ff6228
rgb(255,98,40)
Color Blindness Simulator
Below, you can see how #ff6228 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.