#ff9225 hex color

In a RGB color space, hex #ff9225 is composed of 100% red, 57.3% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.7% magenta, 85.5% yellow and 0% black. It has a hue angle of 30 degrees, a saturation of 100% and a lightness of 57.3%. #ff9225 color hex could be obtained by blending #ffff4a with #ff2500. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 100
- G 57
- B 15
RGB color chart
- C 0
- M 43
- Y 85
- K 0
CMYK color chart

● #ff9225 color description : Vivid orange.

The hexadecimal color #ff9225 has RGB values of R:255, G:146, B:37 and CMYK values of C:0, M:0.43, Y:0.85, K:0. Its decimal value is 16749093.

Hex triplet	ff9225	`#ff9225`
RGB Decimal	255, 146, 37	`rgb(255,146,37)`
RGB Percent	100, 57.3, 14.5	`rgb(100%,57.3%,14.5%)`
CMYK	0, 43, 85, 0
HSL	30°, 100, 57.3	`hsl(30,100%,57.3%)`
HSV (or HSB)	30°, 85.5, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	70.84, 34.245, 69.158
XYZ	51.855, 41.956, 7.118
xyY	0.514, 0.416, 41.956
CIE-LCH	70.84, 77.172, 63.657
CIE-LUV	70.84, 89.697, 63.674
Hunter-Lab	64.773, 29.546, 38.826
Binary	11111111, 10010010, 00100101

#ff9225
```
#ff9225 rgb(255,146,37)
```
#2592ff
```
#2592ff rgb(37,146,255)
```

Complementary Color

#ff2525
```
#ff2525 rgb(255,37,37)
```
#ff9225
```
#ff9225 rgb(255,146,37)
```
#ffff25
```
#ffff25 rgb(255,255,37)
```

Analogous Color

#2525ff
```
#2525ff rgb(37,37,255)
```
#ff9225
```
#ff9225 rgb(255,146,37)
```
#25ffff
```
#25ffff rgb(37,255,255)
```

Split Complementary Color

#9225ff
```
#9225ff rgb(146,37,255)
```
#ff9225
```
#ff9225 rgb(255,146,37)
```
#25ff92
```
#25ff92 rgb(37,255,146)
```

Triadic Color

#ff2592
```
#ff2592 rgb(255,37,146)
```
#ff9225
```
#ff9225 rgb(255,146,37)
```
#25ff92
```
#25ff92 rgb(37,255,146)
```
#2592ff
```
#2592ff rgb(37,146,255)
```

Tetradic Color

#d86c00
```
#d86c00 rgb(216,108,0)
```
#f17900
```
#f17900 rgb(241,121,0)
```
#ff850c
```
#ff850c rgb(255,133,12)
```
#ff9225
```
#ff9225 rgb(255,146,37)
```
#ff9f3f
```
#ff9f3f rgb(255,159,63)
```
#ffac58
```
#ffac58 rgb(255,172,88)
```
#ffb872
```
#ffb872 rgb(255,184,114)
```

Monochromatic Color

Below, you can see some colors close to #ff9225. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ff5b25
```
#ff5b25 rgb(255,91,37)
```
#ff6e25
```
#ff6e25 rgb(255,110,37)
```
#ff8025
```
#ff8025 rgb(255,128,37)
```
#ff9225
```
#ff9225 rgb(255,146,37)
```
#ffa425
```
#ffa425 rgb(255,164,37)
```
#ffb625
```
#ffb625 rgb(255,182,37)
```
#ffc925
```
#ffc925 rgb(255,201,37)
```

Similar Colors

Text with hexadecimal color #ff9225

This text has a font color of #ff9225.

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

#ff9225 background color

This paragraph has a background color of #ff9225.

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

#ff9225 border color

This element has a border color of #ff9225.

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

CSS codes

.text {color:#ff9225;}

.background {background-color:#ff9225;}

.border {border:1px solid #ff9225;}

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, #110900 is the darkest color, while #fffefd is the lightest one.

#110900
```
#110900 rgb(17,9,0)
```
#251300
```
#251300 rgb(37,19,0)
```
#391c00
```
#391c00 rgb(57,28,0)
```
#4c2600
```
#4c2600 rgb(76,38,0)
```
#603000
```
#603000 rgb(96,48,0)
```
#733a00
```
#733a00 rgb(115,58,0)
```
#874400
```
#874400 rgb(135,68,0)
```
#9b4d00
```
#9b4d00 rgb(155,77,0)
```
#ae5700
```
#ae5700 rgb(174,87,0)
```
#c26100
```
#c26100 rgb(194,97,0)
```
#d66b00
```
#d66b00 rgb(214,107,0)
```
#e97500
```
#e97500 rgb(233,117,0)
```
#fd7e00
```
#fd7e00 rgb(253,126,0)
```

Shade Color Variation

#ff8811
```
#ff8811 rgb(255,136,17)
```
#ff9225
```
#ff9225 rgb(255,146,37)
```
#ff9c39
```
#ff9c39 rgb(255,156,57)
```
#ffa64c
```
#ffa64c rgb(255,166,76)
```
#ffaf60
```
#ffaf60 rgb(255,175,96)
```
#ffb973
```
#ffb973 rgb(255,185,115)
```
#ffc387
```
#ffc387 rgb(255,195,135)
```
#ffcd9b
```
#ffcd9b rgb(255,205,155)
```
#ffd7ae
```
#ffd7ae rgb(255,215,174)
```
#ffe0c2
```
#ffe0c2 rgb(255,224,194)
```
#ffead6
```
#ffead6 rgb(255,234,214)
```
#fff4e9
```
#fff4e9 rgb(255,244,233)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a928a is the less saturated color, while #ff9225 is the most saturated one.

#9a928a
```
#9a928a rgb(154,146,138)
```
#a39281
```
#a39281 rgb(163,146,129)
```
#ab9279
```
#ab9279 rgb(171,146,121)
```
#b49270
```
#b49270 rgb(180,146,112)
```
#bc9268
```
#bc9268 rgb(188,146,104)
```
#c49260
```
#c49260 rgb(196,146,96)
```
#cd9257
```
#cd9257 rgb(205,146,87)
```
#d5924f
```
#d5924f rgb(213,146,79)
```
#dd9247
```
#dd9247 rgb(221,146,71)
```
#e6923e
```
#e6923e rgb(230,146,62)
```
#ee9236
```
#ee9236 rgb(238,146,54)
```
#f7922d
```
#f7922d rgb(247,146,45)
```
#ff9225
```
#ff9225 rgb(255,146,37)
```

Tone Color Variation

Below, you can see how #ff9225 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

#a6a6a6 Achromatopsia 0.005% of the population
#b8a28c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b137 Protanopia 1% of men
#dda925 Deuteranopia 1% of men
#ff9199 Tritanopia 0.001% of the population

Trichromacy

#daa630 Protanomaly 1% of men, 0.01% of women
#e9a025 Deuteranomaly 6% of men, 0.4% of women
#ff916f Tritanomaly 0.01% of the population

#ff9225 hex color

#ff9225 Color Information

#ff9225 Color Conversion

Color Schemes with #ff9225

Alternatives to #ff9225

#ff9225 Preview

Shades and Tints of #ff9225

Tones of #ff9225

Color Blindness Simulator