#fdd165 hex color

In a RGB color space, hex #fdd165 is composed of 99.2% red, 82% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.4% magenta, 60.1% yellow and 0.8% black. It has a hue angle of 42.6 degrees, a saturation of 97.4% and a lightness of 69.4%. #fdd165 color hex could be obtained by blending #ffffca with #fba300. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 82
- B 40
RGB color chart
- C 0
- M 17
- Y 60
- K 1
CMYK color chart

● #fdd165 color description : Soft orange.

The hexadecimal color #fdd165 has RGB values of R:253, G:209, B:101 and CMYK values of C:0, M:0.17, Y:0.6, K:0.01. Its decimal value is 16634213.

Hex triplet	fdd165	`#fdd165`
RGB Decimal	253, 209, 101	`rgb(253,209,101)`
RGB Percent	99.2, 82, 39.6	`rgb(99.2%,82%,39.6%)`
CMYK	0, 17, 60, 1
HSL	42.6°, 97.4, 69.4	`hsl(42.6,97.4%,69.4%)`
HSV (or HSB)	42.6°, 60.1, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	85.719, 3.556, 58.254
XYZ	65.658, 67.426, 21.867
xyY	0.424, 0.435, 67.426
CIE-LCH	85.719, 58.362, 86.507
CIE-LUV	85.719, 35.665, 69.913
Hunter-Lab	82.113, -0.969, 41.69
Binary	11111101, 11010001, 01100101

#fdd165
```
#fdd165 rgb(253,209,101)
```
#6591fd
```
#6591fd rgb(101,145,253)
```

Complementary Color

#fd8565
```
#fd8565 rgb(253,133,101)
```
#fdd165
```
#fdd165 rgb(253,209,101)
```
#ddfd65
```
#ddfd65 rgb(221,253,101)
```

Analogous Color

#8565fd
```
#8565fd rgb(133,101,253)
```
#fdd165
```
#fdd165 rgb(253,209,101)
```
#65ddfd
```
#65ddfd rgb(101,221,253)
```

Split Complementary Color

#d165fd
```
#d165fd rgb(209,101,253)
```
#fdd165
```
#fdd165 rgb(253,209,101)
```
#65fdd1
```
#65fdd1 rgb(101,253,209)
```

Triadic Color

#fd6591
```
#fd6591 rgb(253,101,145)
```
#fdd165
```
#fdd165 rgb(253,209,101)
```
#65fdd1
```
#65fdd1 rgb(101,253,209)
```
#6591fd
```
#6591fd rgb(101,145,253)
```

Tetradic Color

#fcba19
```
#fcba19 rgb(252,186,25)
```
#fcc233
```
#fcc233 rgb(252,194,51)
```
#fdc94c
```
#fdc94c rgb(253,201,76)
```
#fdd165
```
#fdd165 rgb(253,209,101)
```
#fdd97e
```
#fdd97e rgb(253,217,126)
```
#fee097
```
#fee097 rgb(254,224,151)
```
#fee8b1
```
#fee8b1 rgb(254,232,177)
```

Monochromatic Color

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

#fdab65
```
#fdab65 rgb(253,171,101)
```
#fdb865
```
#fdb865 rgb(253,184,101)
```
#fdc465
```
#fdc465 rgb(253,196,101)
```
#fdd165
```
#fdd165 rgb(253,209,101)
```
#fdde65
```
#fdde65 rgb(253,222,101)
```
#fdea65
```
#fdea65 rgb(253,234,101)
```
#fdf765
```
#fdf765 rgb(253,247,101)
```

Similar Colors

Text with hexadecimal color #fdd165

This text has a font color of #fdd165.

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

#fdd165 background color

This paragraph has a background color of #fdd165.

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

#fdd165 border color

This element has a border color of #fdd165.

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

CSS codes

.text {color:#fdd165;}

.background {background-color:#fdd165;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#140e00
```
#140e00 rgb(20,14,0)
```
#281c01
```
#281c01 rgb(40,28,1)
```
#3b2a01
```
#3b2a01 rgb(59,42,1)
```
#4e3801
```
#4e3801 rgb(78,56,1)
```
#624601
```
#624601 rgb(98,70,1)
```
#755402
```
#755402 rgb(117,84,2)
```
#886102
```
#886102 rgb(136,97,2)
```
#9c6f02
```
#9c6f02 rgb(156,111,2)
```
#af7d02
```
#af7d02 rgb(175,125,2)
```
#c38b03
```
#c38b03 rgb(195,139,3)
```
#d69903
```
#d69903 rgb(214,153,3)
```
#e9a703
```
#e9a703 rgb(233,167,3)
```

Shade Color Variation

#fcb404
```
#fcb404 rgb(252,180,4)
```
#fcba18
```
#fcba18 rgb(252,186,24)
```
#fcc02b
```
#fcc02b rgb(252,192,43)
```
#fcc53e
```
#fcc53e rgb(252,197,62)
```
#fdcb52
```
#fdcb52 rgb(253,203,82)
```
#fdd165
```
#fdd165 rgb(253,209,101)
```
#fdd778
```
#fdd778 rgb(253,215,120)
```
#fedd8c
```
#fedd8c rgb(254,221,140)
```
#fee29f
```
#fee29f rgb(254,226,159)
```
#fee8b2
```
#fee8b2 rgb(254,232,178)
```
#feeec6
```
#feeec6 rgb(254,238,198)
```
#fff4d9
```
#fff4d9 rgb(255,244,217)
```
#fff9ed
```
#fff9ed rgb(255,249,237)
```

Tint Color Variation

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

#b5b3ad
```
#b5b3ad rgb(181,179,173)
```
#bbb5a7
```
#bbb5a7 rgb(187,181,167)
```
#c1b8a1
```
#c1b8a1 rgb(193,184,161)
```
#c7ba9b
```
#c7ba9b rgb(199,186,155)
```
#cdbd95
```
#cdbd95 rgb(205,189,149)
```
#d3bf8f
```
#d3bf8f rgb(211,191,143)
```
#d9c289
```
#d9c289 rgb(217,194,137)
```
#dfc483
```
#dfc483 rgb(223,196,131)
```
#e5c77d
```
#e5c77d rgb(229,199,125)
```
#ebc977
```
#ebc977 rgb(235,201,119)
```
#f1cc71
```
#f1cc71 rgb(241,204,113)
```
#f7ce6b
```
#f7ce6b rgb(247,206,107)
```
#fdd165
```
#fdd165 rgb(253,209,101)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#dbd2bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed86e Protanopia 1% of men
#ffd08f Deuteranopia 1% of men
#ffcbd6 Tritanopia 0.001% of the population

Trichromacy

#f3d56b Protanomaly 1% of men, 0.01% of women
#fed080 Deuteranomaly 6% of men, 0.4% of women
#fecdad Tritanomaly 0.01% of the population

#fdd165 hex color

#fdd165 Color Information

#fdd165 Color Conversion

Color Schemes with #fdd165

Alternatives to #fdd165

#fdd165 Preview

Shades and Tints of #fdd165

Tones of #fdd165

Color Blindness Simulator