#ff6228 hex color

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.

♥
- f
- t
- g
- R 100
- G 38
- B 16
RGB color chart
- C 0
- M 62
- Y 84
- K 0
CMYK color chart

● #ff6228 color description : Vivid orange.

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

#ff6228
```
#ff6228 rgb(255,98,40)
```
#28c5ff
```
#28c5ff rgb(40,197,255)
```

Complementary Color

#ff285a
```
#ff285a rgb(255,40,90)
```
#ff6228
```
#ff6228 rgb(255,98,40)
```
#ffce28
```
#ffce28 rgb(255,206,40)
```

Analogous Color

#285aff
```
#285aff rgb(40,90,255)
```
#ff6228
```
#ff6228 rgb(255,98,40)
```
#28ffce
```
#28ffce rgb(40,255,206)
```

Split Complementary Color

#6228ff
```
#6228ff rgb(98,40,255)
```
#ff6228
```
#ff6228 rgb(255,98,40)
```
#28ff62
```
#28ff62 rgb(40,255,98)
```

Triadic Color

#ff28c5
```
#ff28c5 rgb(255,40,197)
```
#ff6228
```
#ff6228 rgb(255,98,40)
```
#28ff62
```
#28ff62 rgb(40,255,98)
```
#28c5ff
```
#28c5ff rgb(40,197,255)
```

Tetradic Color

#db3b00
```
#db3b00 rgb(219,59,0)
```
#f44200
```
#f44200 rgb(244,66,0)
```
#ff4f0f
```
#ff4f0f rgb(255,79,15)
```
#ff6228
```
#ff6228 rgb(255,98,40)
```
#ff7542
```
#ff7542 rgb(255,117,66)
```
#ff875b
```
#ff875b rgb(255,135,91)
```
#ff9a75
```
#ff9a75 rgb(255,154,117)
```

Monochromatic Color

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.

#ff2c28
```
#ff2c28 rgb(255,44,40)
```
#ff3e28
```
#ff3e28 rgb(255,62,40)
```
#ff5028
```
#ff5028 rgb(255,80,40)
```
#ff6228
```
#ff6228 rgb(255,98,40)
```
#ff7428
```
#ff7428 rgb(255,116,40)
```
#ff8628
```
#ff8628 rgb(255,134,40)
```
#ff9828
```
#ff9828 rgb(255,152,40)
```

Similar Colors

Text with hexadecimal color #ff6228

This text has a font color of #ff6228.

<span style="color:#ff6228;">Text here</span>

#ff6228 background color

This paragraph has a background color of #ff6228.

<p style="background-color:#ff6228;">Content here</p>

#ff6228 border color

This element has a border color of #ff6228.

<div style="border:1px solid #ff6228;">Content here</div>

CSS codes

.text {color:#ff6228;}

.background {background-color:#ff6228;}

.border {border:1px solid #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)
```

Shade Color Variation

#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)
```

Tint Color Variation

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)
```

Tone Color Variation

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.

Monochromacy

#8a8a8a Achromatopsia 0.005% of the population
#a18276 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9a3f Protanopia 1% of men
#c19320 Deuteranopia 1% of men
#ff666b Tritanopia 0.001% of the population

Trichromacy

#ca8636 Protanomaly 1% of men, 0.01% of women
#d78123 Deuteranomaly 6% of men, 0.4% of women
#ff6452 Tritanomaly 0.01% of the population

#ff6228 hex color

#ff6228 Color Information

#ff6228 Color Conversion

Color Schemes with #ff6228

Alternatives to #ff6228

#ff6228 Preview

Shades and Tints of #ff6228

Tones of #ff6228

Color Blindness Simulator