#fd9225 hex color

In a RGB color space, hex #fd9225 is composed of 99.2% red, 57.3% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.3% magenta, 85.4% yellow and 0.8% black. It has a hue angle of 30.3 degrees, a saturation of 98.2% and a lightness of 56.9%. #fd9225 color hex could be obtained by blending #ffff4a with #fb2500. Closest websafe color is: #ff9933.

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

● #fd9225 color description : Vivid orange.

The hexadecimal color #fd9225 has RGB values of R:253, G:146, B:37 and CMYK values of C:0, M:0.42, Y:0.85, K:0.01. Its decimal value is 16618021.

Hex triplet	fd9225	`#fd9225`
RGB Decimal	253, 146, 37	`rgb(253,146,37)`
RGB Percent	99.2, 57.3, 14.5	`rgb(99.2%,57.3%,14.5%)`
CMYK	0, 42, 85, 1
HSL	30.3°, 98.2, 56.9	`hsl(30.3,98.2%,56.9%)`
HSV (or HSB)	30.3°, 85.4, 99.2
Web Safe	ff9933	`#ff9933`

CIE-LAB	70.579, 33.439, 68.837
XYZ	51.123, 41.578, 7.083
xyY	0.512, 0.417, 41.578
CIE-LCH	70.579, 76.53, 64.091
CIE-LUV	70.579, 88.035, 63.564
Hunter-Lab	64.481, 28.678, 38.624
Binary	11111101, 10010010, 00100101

#fd9225
```
#fd9225 rgb(253,146,37)
```
#2590fd
```
#2590fd rgb(37,144,253)
```

Complementary Color

#fd2625
```
#fd2625 rgb(253,38,37)
```
#fd9225
```
#fd9225 rgb(253,146,37)
```
#fcfd25
```
#fcfd25 rgb(252,253,37)
```

Analogous Color

#2625fd
```
#2625fd rgb(38,37,253)
```
#fd9225
```
#fd9225 rgb(253,146,37)
```
#25fcfd
```
#25fcfd rgb(37,252,253)
```

Split Complementary Color

#9225fd
```
#9225fd rgb(146,37,253)
```
#fd9225
```
#fd9225 rgb(253,146,37)
```
#25fd92
```
#25fd92 rgb(37,253,146)
```

Triadic Color

#fd2590
```
#fd2590 rgb(253,37,144)
```
#fd9225
```
#fd9225 rgb(253,146,37)
```
#25fd92
```
#25fd92 rgb(37,253,146)
```
#2590fd
```
#2590fd rgb(37,144,253)
```

Tetradic Color

#d46c02
```
#d46c02 rgb(212,108,2)
```
#ed7902
```
#ed7902 rgb(237,121,2)
```
#fd850c
```
#fd850c rgb(253,133,12)
```
#fd9225
```
#fd9225 rgb(253,146,37)
```
#fd9f3e
```
#fd9f3e rgb(253,159,62)
```
#fdab58
```
#fdab58 rgb(253,171,88)
```
#feb871
```
#feb871 rgb(254,184,113)
```

Monochromatic Color

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

#fd5c25
```
#fd5c25 rgb(253,92,37)
```
#fd6e25
```
#fd6e25 rgb(253,110,37)
```
#fd8025
```
#fd8025 rgb(253,128,37)
```
#fd9225
```
#fd9225 rgb(253,146,37)
```
#fda425
```
#fda425 rgb(253,164,37)
```
#fdb625
```
#fdb625 rgb(253,182,37)
```
#fdc825
```
#fdc825 rgb(253,200,37)
```

Similar Colors

Text with hexadecimal color #fd9225

This text has a font color of #fd9225.

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

#fd9225 background color

This paragraph has a background color of #fd9225.

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

#fd9225 border color

This element has a border color of #fd9225.

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

CSS codes

.text {color:#fd9225;}

.background {background-color:#fd9225;}

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

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, #0f0800 is the darkest color, while #fffdfb is the lightest one.

#0f0800
```
#0f0800 rgb(15,8,0)
```
#231200
```
#231200 rgb(35,18,0)
```
#361c00
```
#361c00 rgb(54,28,0)
```
#4a2501
```
#4a2501 rgb(74,37,1)
```
#5d2f01
```
#5d2f01 rgb(93,47,1)
```
#703901
```
#703901 rgb(112,57,1)
```
#844301
```
#844301 rgb(132,67,1)
```
#974d01
```
#974d01 rgb(151,77,1)
```
#ab5702
```
#ab5702 rgb(171,87,2)
```
#be6102
```
#be6102 rgb(190,97,2)
```
#d26b02
```
#d26b02 rgb(210,107,2)
```
#e57502
```
#e57502 rgb(229,117,2)
```
#f87f02
```
#f87f02 rgb(248,127,2)
```

Shade Color Variation

#fd8812
```
#fd8812 rgb(253,136,18)
```
#fd9225
```
#fd9225 rgb(253,146,37)
```
#fd9c38
```
#fd9c38 rgb(253,156,56)
```
#fda54c
```
#fda54c rgb(253,165,76)
```
#feaf5f
```
#feaf5f rgb(254,175,95)
```
#feb973
```
#feb973 rgb(254,185,115)
```
#fec386
```
#fec386 rgb(254,195,134)
```
#fecc9a
```
#fecc9a rgb(254,204,154)
```
#fed6ad
```
#fed6ad rgb(254,214,173)
```
#fee0c0
```
#fee0c0 rgb(254,224,192)
```
#ffe9d4
```
#ffe9d4 rgb(255,233,212)
```
#fff3e7
```
#fff3e7 rgb(255,243,231)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#97918b
```
#97918b rgb(151,145,139)
```
#a09182
```
#a09182 rgb(160,145,130)
```
#a8917a
```
#a8917a rgb(168,145,122)
```
#b19171
```
#b19171 rgb(177,145,113)
```
#b99169
```
#b99169 rgb(185,145,105)
```
#c29160
```
#c29160 rgb(194,145,96)
```
#ca9258
```
#ca9258 rgb(202,146,88)
```
#d3924f
```
#d3924f rgb(211,146,79)
```
#db9247
```
#db9247 rgb(219,146,71)
```
#e4923e
```
#e4923e rgb(228,146,62)
```
#ec9236
```
#ec9236 rgb(236,146,54)
```
#f5922d
```
#f5922d rgb(245,146,45)
```
#fd9225
```
#fd9225 rgb(253,146,37)
```

Tone Color Variation

Below, you can see how #fd9225 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
#b7a28c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b136 Protanopia 1% of men
#dca826 Deuteranopia 1% of men
#ff9098 Tritanopia 0.001% of the population

Trichromacy

#d9a530 Protanomaly 1% of men, 0.01% of women
#e8a025 Deuteranomaly 6% of men, 0.4% of women
#fe906e Tritanomaly 0.01% of the population

#fd9225 hex color

#fd9225 Color Information

#fd9225 Color Conversion

Color Schemes with #fd9225

Alternatives to #fd9225

#fd9225 Preview

Shades and Tints of #fd9225

Tones of #fd9225

Color Blindness Simulator