#fdd368 hex color

In a RGB color space, hex #fdd368 is composed of 99.2% red, 82.7% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.6% magenta, 58.9% yellow and 0.8% black. It has a hue angle of 43.1 degrees, a saturation of 97.4% and a lightness of 70%. #fdd368 color hex could be obtained by blending #ffffd0 with #fba700. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 83
- B 41
RGB color chart
- C 0
- M 17
- Y 59
- K 1
CMYK color chart

● #fdd368 color description : Soft orange.

The hexadecimal color #fdd368 has RGB values of R:253, G:211, B:104 and CMYK values of C:0, M:0.17, Y:0.59, K:0.01. Its decimal value is 16634728.

Hex triplet	fdd368	`#fdd368`
RGB Decimal	253, 211, 104	`rgb(253,211,104)`
RGB Percent	99.2, 82.7, 40.8	`rgb(99.2%,82.7%,40.8%)`
CMYK	0, 17, 59, 1
HSL	43.1°, 97.4, 70	`hsl(43.1,97.4%,70%)`
HSV (or HSB)	43.1°, 58.9, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.243, 2.736, 57.48
XYZ	66.301, 68.473, 22.82
xyY	0.421, 0.434, 68.473
CIE-LCH	86.243, 57.545, 87.275
CIE-LUV	86.243, 34.105, 69.591
Hunter-Lab	82.749, -1.789, 41.573
Binary	11111101, 11010011, 01101000

#fdd368
```
#fdd368 rgb(253,211,104)
```
#6892fd
```
#6892fd rgb(104,146,253)
```

Complementary Color

#fd8968
```
#fd8968 rgb(253,137,104)
```
#fdd368
```
#fdd368 rgb(253,211,104)
```
#ddfd68
```
#ddfd68 rgb(221,253,104)
```

Analogous Color

#8968fd
```
#8968fd rgb(137,104,253)
```
#fdd368
```
#fdd368 rgb(253,211,104)
```
#68ddfd
```
#68ddfd rgb(104,221,253)
```

Split Complementary Color

#d368fd
```
#d368fd rgb(211,104,253)
```
#fdd368
```
#fdd368 rgb(253,211,104)
```
#68fdd3
```
#68fdd3 rgb(104,253,211)
```

Triadic Color

#fd6892
```
#fd6892 rgb(253,104,146)
```
#fdd368
```
#fdd368 rgb(253,211,104)
```
#68fdd3
```
#68fdd3 rgb(104,253,211)
```
#6892fd
```
#6892fd rgb(104,146,253)
```

Tetradic Color

#fcbd1d
```
#fcbd1d rgb(252,189,29)
```
#fcc436
```
#fcc436 rgb(252,196,54)
```
#fdcc4f
```
#fdcc4f rgb(253,204,79)
```
#fdd368
```
#fdd368 rgb(253,211,104)
```
#fdda81
```
#fdda81 rgb(253,218,129)
```
#fee29a
```
#fee29a rgb(254,226,154)
```
#fee9b4
```
#fee9b4 rgb(254,233,180)
```

Monochromatic Color

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

#fdae68
```
#fdae68 rgb(253,174,104)
```
#fdba68
```
#fdba68 rgb(253,186,104)
```
#fdc768
```
#fdc768 rgb(253,199,104)
```
#fdd368
```
#fdd368 rgb(253,211,104)
```
#fddf68
```
#fddf68 rgb(253,223,104)
```
#fdec68
```
#fdec68 rgb(253,236,104)
```
#fdf868
```
#fdf868 rgb(253,248,104)
```

Similar Colors

Text with hexadecimal color #fdd368

This text has a font color of #fdd368.

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

#fdd368 background color

This paragraph has a background color of #fdd368.

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

#fdd368 border color

This element has a border color of #fdd368.

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

CSS codes

.text {color:#fdd368;}

.background {background-color:#fdd368;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#171100
```
#171100 rgb(23,17,0)
```
#2b1f01
```
#2b1f01 rgb(43,31,1)
```
#3e2d01
```
#3e2d01 rgb(62,45,1)
```
#513b01
```
#513b01 rgb(81,59,1)
```
#654901
```
#654901 rgb(101,73,1)
```
#785702
```
#785702 rgb(120,87,2)
```
#8b6502
```
#8b6502 rgb(139,101,2)
```
#9f7302
```
#9f7302 rgb(159,115,2)
```
#b28102
```
#b28102 rgb(178,129,2)
```
#c58f03
```
#c58f03 rgb(197,143,3)
```
#d99d03
```
#d99d03 rgb(217,157,3)
```
#ecaa03
```
#ecaa03 rgb(236,170,3)
```

Shade Color Variation

#fcb707
```
#fcb707 rgb(252,183,7)
```
#fcbc1b
```
#fcbc1b rgb(252,188,27)
```
#fcc22e
```
#fcc22e rgb(252,194,46)
```
#fcc841
```
#fcc841 rgb(252,200,65)
```
#fdcd55
```
#fdcd55 rgb(253,205,85)
```
#fdd368
```
#fdd368 rgb(253,211,104)
```
#fdd97b
```
#fdd97b rgb(253,217,123)
```
#fede8f
```
#fede8f rgb(254,222,143)
```
#fee4a2
```
#fee4a2 rgb(254,228,162)
```
#feeab5
```
#feeab5 rgb(254,234,181)
```
#feefc9
```
#feefc9 rgb(254,239,201)
```
#fff5dc
```
#fff5dc rgb(255,245,220)
```
#fffaf0
```
#fffaf0 rgb(255,250,240)
```

Tint Color Variation

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

#b6b4af
```
#b6b4af rgb(182,180,175)
```
#bcb7a9
```
#bcb7a9 rgb(188,183,169)
```
#c2b9a3
```
#c2b9a3 rgb(194,185,163)
```
#c8bc9d
```
#c8bc9d rgb(200,188,157)
```
#cebe97
```
#cebe97 rgb(206,190,151)
```
#d4c191
```
#d4c191 rgb(212,193,145)
```
#dac48b
```
#dac48b rgb(218,196,139)
```
#e0c685
```
#e0c685 rgb(224,198,133)
```
#e5c980
```
#e5c980 rgb(229,201,128)
```
#ebcb7a
```
#ebcb7a rgb(235,203,122)
```
#f1ce74
```
#f1ce74 rgb(241,206,116)
```
#f7d06e
```
#f7d06e rgb(247,208,110)
```
#fdd368
```
#fdd368 rgb(253,211,104)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#dbd3be Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd971 Protanopia 1% of men
#ffd295 Deuteranopia 1% of men
#ffccd8 Tritanopia 0.001% of the population

Trichromacy

#f4d76d Protanomaly 1% of men, 0.01% of women
#fed285 Deuteranomaly 6% of men, 0.4% of women
#fecfaf Tritanomaly 0.01% of the population

#fdd368 hex color

#fdd368 Color Information

#fdd368 Color Conversion

Color Schemes with #fdd368

Alternatives to #fdd368

#fdd368 Preview

Shades and Tints of #fdd368

Tones of #fdd368

Color Blindness Simulator