#fdf662 hex color

In a RGB color space, hex #fdf662 is composed of 99.2% red, 96.5% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 61.3% yellow and 0.8% black. It has a hue angle of 57.3 degrees, a saturation of 97.5% and a lightness of 68.8%. #fdf662 color hex could be obtained by blending #ffffc4 with #fbed00. Closest websafe color is: #ffff66.

♥
- f
- t
- g
- R 99
- G 96
- B 38
RGB color chart
- C 0
- M 3
- Y 61
- K 1
CMYK color chart

● #fdf662 color description : Soft yellow.

The hexadecimal color #fdf662 has RGB values of R:253, G:246, B:98 and CMYK values of C:0, M:0.03, Y:0.61, K:0.01. Its decimal value is 16643682.

Hex triplet	fdf662	`#fdf662`
RGB Decimal	253, 246, 98	`rgb(253,246,98)`
RGB Percent	99.2, 96.5, 38.4	`rgb(99.2%,96.5%,38.4%)`
CMYK	0, 3, 61, 1
HSL	57.3°, 97.5, 68.8	`hsl(57.3,97.5%,68.8%)`
HSV (or HSB)	57.3°, 61.3, 99.2
Web Safe	ffff66	`#ffff66`

CIE-LAB	95.025, -15.15, 69.789
XYZ	75.668, 87.677, 24.492
xyY	0.403, 0.467, 87.677
CIE-LCH	95.025, 71.415, 102.248
CIE-LUV	95.025, 10.946, 87.154
Hunter-Lab	93.636, -19.616, 50.037
Binary	11111101, 11110110, 01100010

#fdf662
```
#fdf662 rgb(253,246,98)
```
#6269fd
```
#6269fd rgb(98,105,253)
```

Complementary Color

#fda962
```
#fda962 rgb(253,169,98)
```
#fdf662
```
#fdf662 rgb(253,246,98)
```
#b7fd62
```
#b7fd62 rgb(183,253,98)
```

Analogous Color

#a962fd
```
#a962fd rgb(169,98,253)
```
#fdf662
```
#fdf662 rgb(253,246,98)
```
#62b7fd
```
#62b7fd rgb(98,183,253)
```

Split Complementary Color

#f662fd
```
#f662fd rgb(246,98,253)
```
#fdf662
```
#fdf662 rgb(253,246,98)
```
#62fdf6
```
#62fdf6 rgb(98,253,246)
```

Triadic Color

#fd6269
```
#fd6269 rgb(253,98,105)
```
#fdf662
```
#fdf662 rgb(253,246,98)
```
#62fdf6
```
#62fdf6 rgb(98,253,246)
```
#6269fd
```
#6269fd rgb(98,105,253)
```

Tetradic Color

#fcf216
```
#fcf216 rgb(252,242,22)
```
#fcf330
```
#fcf330 rgb(252,243,48)
```
#fdf549
```
#fdf549 rgb(253,245,73)
```
#fdf662
```
#fdf662 rgb(253,246,98)
```
#fdf77b
```
#fdf77b rgb(253,247,123)
```
#fef994
```
#fef994 rgb(254,249,148)
```
#fefaae
```
#fefaae rgb(254,250,174)
```

Monochromatic Color

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

#fdcf62
```
#fdcf62 rgb(253,207,98)
```
#fddc62
```
#fddc62 rgb(253,220,98)
```
#fde962
```
#fde962 rgb(253,233,98)
```
#fdf662
```
#fdf662 rgb(253,246,98)
```
#f7fd62
```
#f7fd62 rgb(247,253,98)
```
#eafd62
```
#eafd62 rgb(234,253,98)
```
#ddfd62
```
#ddfd62 rgb(221,253,98)
```

Similar Colors

Text with hexadecimal color #fdf662

This text has a font color of #fdf662.

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

#fdf662 background color

This paragraph has a background color of #fdf662.

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

#fdf662 border color

This element has a border color of #fdf662.

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

CSS codes

.text {color:#fdf662;}

.background {background-color:#fdf662;}

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

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

#111100
```
#111100 rgb(17,17,0)
```
#252300
```
#252300 rgb(37,35,0)
```
#383601
```
#383601 rgb(56,54,1)
```
#4b4801
```
#4b4801 rgb(75,72,1)
```
#5f5b01
```
#5f5b01 rgb(95,91,1)
```
#726d01
```
#726d01 rgb(114,109,1)
```
#868002
```
#868002 rgb(134,128,2)
```
#999202
```
#999202 rgb(153,146,2)
```
#aca502
```
#aca502 rgb(172,165,2)
```
#c0b702
```
#c0b702 rgb(192,183,2)
```
#d3ca03
```
#d3ca03 rgb(211,202,3)
```
#e6dc03
```
#e6dc03 rgb(230,220,3)
```
#faef03
```
#faef03 rgb(250,239,3)
```

Shade Color Variation

#fcf215
```
#fcf215 rgb(252,242,21)
```
#fcf328
```
#fcf328 rgb(252,243,40)
```
#fdf43b
```
#fdf43b rgb(253,244,59)
```
#fdf54f
```
#fdf54f rgb(253,245,79)
```
#fdf662
```
#fdf662 rgb(253,246,98)
```
#fdf775
```
#fdf775 rgb(253,247,117)
```
#fdf889
```
#fdf889 rgb(253,248,137)
```
#fef99c
```
#fef99c rgb(254,249,156)
```
#fefaaf
```
#fefaaf rgb(254,250,175)
```
#fefcc3
```
#fefcc3 rgb(254,252,195)
```
#fefdd6
```
#fefdd6 rgb(254,253,214)
```
#fffeea
```
#fffeea rgb(255,254,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#b4b3ab
```
#b4b3ab rgb(180,179,171)
```
#bab9a5
```
#bab9a5 rgb(186,185,165)
```
#c0be9f
```
#c0be9f rgb(192,190,159)
```
#c6c499
```
#c6c499 rgb(198,196,153)
```
#ccc993
```
#ccc993 rgb(204,201,147)
```
#d2cf8d
```
#d2cf8d rgb(210,207,141)
```
#d8d587
```
#d8d587 rgb(216,213,135)
```
#deda81
```
#deda81 rgb(222,218,129)
```
#e5e07a
```
#e5e07a rgb(229,224,122)
```
#ebe574
```
#ebe574 rgb(235,229,116)
```
#f1eb6e
```
#f1eb6e rgb(241,235,110)
```
#f7f068
```
#f7f068 rgb(247,240,104)
```
#fdf662
```
#fdf662 rgb(253,246,98)
```

Tone Color Variation

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

#e7e7e7 Achromatopsia 0.005% of the population
#ebeacc Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff1be Protanopia 1% of men
#ffefdd Deuteranopia 1% of men
#ffecf4 Tritanopia 0.001% of the population

Trichromacy

#fef39d Protanomaly 1% of men, 0.01% of women
#fef1b0 Deuteranomaly 6% of men, 0.4% of women
#fef0bf Tritanomaly 0.01% of the population

#fdf662 hex color

#fdf662 Color Information

#fdf662 Color Conversion

Color Schemes with #fdf662

Alternatives to #fdf662

#fdf662 Preview

Shades and Tints of #fdf662

Tones of #fdf662

Color Blindness Simulator