colorhexa.com

#ffdd6b hex color

In a RGB color space, hex #ffdd6b is composed of 100% red, 86.7% green and 42% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.3% magenta, 58% yellow and 0% black. It has a hue angle of 46.2 degrees, a saturation of 100% and a lightness of 71%. #ffdd6b color hex could be obtained by blending #ffffd6 with #ffbb00. Closest websafe color is: #ffcc66.

- R 100
- G 87
- B 42
RGB color chart
- C 0
- M 13
- Y 58
- K 0
CMYK color chart

● #ffdd6b color description : Very light yellow.

The hexadecimal color #ffdd6b has RGB values of R:255, G:221, B:107 and CMYK values of C:0, M:0.13, Y:0.58, K:0. Its decimal value is 16768363.

Hex triplet	ffdd6b	`#ffdd6b`
RGB Decimal	255, 221, 107	`rgb(255,221,107)`
RGB Percent	100, 86.7, 42	`rgb(100%,86.7%,42%)`
CMYK	0, 13, 58, 0
HSL	46.2°, 100, 71	`hsl(46.2,100%,71%)`
HSV (or HSB)	46.2°, 58, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	88.94, -1.33, 59.242
XYZ	69.751, 74.037, 24.526
xyY	0.414, 0.44, 74.037
CIE-LCH	88.94, 59.257, 91.286
CIE-LUV	88.94, 28.526, 72.933
Hunter-Lab	86.045, -5.88, 43.332
Binary	11111111, 11011101, 01101011

#ffdd6b
```
#ffdd6b rgb(255,221,107)
```
#6b8dff
```
#6b8dff rgb(107,141,255)
```

Complementary Color

#ff936b
```
#ff936b rgb(255,147,107)
```
#ffdd6b
```
#ffdd6b rgb(255,221,107)
```
#d7ff6b
```
#d7ff6b rgb(215,255,107)
```

Analogous Color

#936bff
```
#936bff rgb(147,107,255)
```
#ffdd6b
```
#ffdd6b rgb(255,221,107)
```
#6bd7ff
```
#6bd7ff rgb(107,215,255)
```

Split Complementary Color

#dd6bff
```
#dd6bff rgb(221,107,255)
```
#ffdd6b
```
#ffdd6b rgb(255,221,107)
```
#6bffdd
```
#6bffdd rgb(107,255,221)
```

Triadic Color

#ff6b8d
```
#ff6b8d rgb(255,107,141)
```
#ffdd6b
```
#ffdd6b rgb(255,221,107)
```
#6bffdd
```
#6bffdd rgb(107,255,221)
```
#6b8dff
```
#6b8dff rgb(107,141,255)
```

Tetradic Color

#ffcb1f
```
#ffcb1f rgb(255,203,31)
```
#ffd138
```
#ffd138 rgb(255,209,56)
```
#ffd752
```
#ffd752 rgb(255,215,82)
```
#ffdd6b
```
#ffdd6b rgb(255,221,107)
```
#ffe385
```
#ffe385 rgb(255,227,133)
```
#ffe99e
```
#ffe99e rgb(255,233,158)
```
#ffefb8
```
#ffefb8 rgb(255,239,184)
```

Monochromatic Color

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

#ffb86b
```
#ffb86b rgb(255,184,107)
```
#ffc46b
```
#ffc46b rgb(255,196,107)
```
#ffd16b
```
#ffd16b rgb(255,209,107)
```
#ffdd6b
```
#ffdd6b rgb(255,221,107)
```
#ffe96b
```
#ffe96b rgb(255,233,107)
```
#fff66b
```
#fff66b rgb(255,246,107)
```
#fcff6b
```
#fcff6b rgb(252,255,107)
```

Similar Colors

Text with hexadecimal color #ffdd6b

This text has a font color of #ffdd6b.

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

#ffdd6b background color

This paragraph has a background color of #ffdd6b.

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

#ffdd6b border color

This element has a border color of #ffdd6b.

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

CSS codes

.text {color:#ffdd6b;}

.background {background-color:#ffdd6b;}

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

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

#090700
```
#090700 rgb(9,7,0)
```
#1d1600
```
#1d1600 rgb(29,22,0)
```
#302500
```
#302500 rgb(48,37,0)
```
#443400
```
#443400 rgb(68,52,0)
```
#574300
```
#574300 rgb(87,67,0)
```
#6b5200
```
#6b5200 rgb(107,82,0)
```
#7f6200
```
#7f6200 rgb(127,98,0)
```
#927100
```
#927100 rgb(146,113,0)
```
#a68000
```
#a68000 rgb(166,128,0)
```
#b98f00
```
#b98f00 rgb(185,143,0)
```
#cd9e00
```
#cd9e00 rgb(205,158,0)
```
#e1ad00
```
#e1ad00 rgb(225,173,0)
```
#f4bc00
```
#f4bc00 rgb(244,188,0)
```

Shade Color Variation

#ffc609
```
#ffc609 rgb(255,198,9)
```
#ffcb1d
```
#ffcb1d rgb(255,203,29)
```
#ffcf30
```
#ffcf30 rgb(255,207,48)
```
#ffd444
```
#ffd444 rgb(255,212,68)
```
#ffd857
```
#ffd857 rgb(255,216,87)
```
#ffdd6b
```
#ffdd6b rgb(255,221,107)
```
#ffe27f
```
#ffe27f rgb(255,226,127)
```
#ffe692
```
#ffe692 rgb(255,230,146)
```
#ffeba6
```
#ffeba6 rgb(255,235,166)
```
#ffefb9
```
#ffefb9 rgb(255,239,185)
```
#fff4cd
```
#fff4cd rgb(255,244,205)
```
#fff8e1
```
#fff8e1 rgb(255,248,225)
```
#fffdf4
```
#fffdf4 rgb(255,253,244)
```

Tint Color Variation

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

#bbb8af
```
#bbb8af rgb(187,184,175)
```
#c0bbaa
```
#c0bbaa rgb(192,187,170)
```
#c6bea4
```
#c6bea4 rgb(198,190,164)
```
#ccc19e
```
#ccc19e rgb(204,193,158)
```
#d1c499
```
#d1c499 rgb(209,196,153)
```
#d7c793
```
#d7c793 rgb(215,199,147)
```
#ddcb8d
```
#ddcb8d rgb(221,203,141)
```
#e3ce87
```
#e3ce87 rgb(227,206,135)
```
#e8d182
```
#e8d182 rgb(232,209,130)
```
#eed47c
```
#eed47c rgb(238,212,124)
```
#f4d776
```
#f4d776 rgb(244,215,118)
```
#f9da71
```
#f9da71 rgb(249,218,113)
```
#ffdd6b
```
#ffdd6b rgb(255,221,107)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#e1dbc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8e173 Protanopia 1% of men
#ffdbaf Deuteranopia 1% of men
#ffd6e1 Tritanopia 0.001% of the population

Trichromacy

#fadf70 Protanomaly 1% of men, 0.01% of women
#ffdb96 Deuteranomaly 6% of men, 0.4% of women
#ffd9b6 Tritanomaly 0.01% of the population