#ffd345 hex color

In a RGB color space, hex #ffd345 is composed of 100% red, 82.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 72.9% yellow and 0% black. It has a hue angle of 45.8 degrees, a saturation of 100% and a lightness of 63.5%. #ffd345 color hex could be obtained by blending #ffff8a with #ffa700. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 100
- G 83
- B 27
RGB color chart
- C 0
- M 17
- Y 73
- K 0
CMYK color chart

● #ffd345 color description : Light yellow.

The hexadecimal color #ffd345 has RGB values of R:255, G:211, B:69 and CMYK values of C:0, M:0.17, Y:0.73, K:0. Its decimal value is 16765765.

Hex triplet	ffd345	`#ffd345`
RGB Decimal	255, 211, 69	`rgb(255,211,69)`
RGB Percent	100, 82.7, 27.1	`rgb(100%,82.7%,27.1%)`
CMYK	0, 17, 73, 0
HSL	45.8°, 100, 63.5	`hsl(45.8,100%,63.5%)`
HSV (or HSB)	45.8°, 72.9, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	86.147, 1.6, 72.016
XYZ	65.609, 68.281, 15.354
xyY	0.44, 0.458, 68.281
CIE-LCH	86.147, 72.033, 88.727
CIE-LUV	86.147, 37.183, 81.391
Hunter-Lab	82.632, -2.879, 46.826
Binary	11111111, 11010011, 01000101

#ffd345
```
#ffd345 rgb(255,211,69)
```
#4571ff
```
#4571ff rgb(69,113,255)
```

Complementary Color

#ff7645
```
#ff7645 rgb(255,118,69)
```
#ffd345
```
#ffd345 rgb(255,211,69)
```
#ceff45
```
#ceff45 rgb(206,255,69)
```

Analogous Color

#7645ff
```
#7645ff rgb(118,69,255)
```
#ffd345
```
#ffd345 rgb(255,211,69)
```
#45ceff
```
#45ceff rgb(69,206,255)
```

Split Complementary Color

#d345ff
```
#d345ff rgb(211,69,255)
```
#ffd345
```
#ffd345 rgb(255,211,69)
```
#45ffd3
```
#45ffd3 rgb(69,255,211)
```

Triadic Color

#ff4571
```
#ff4571 rgb(255,69,113)
```
#ffd345
```
#ffd345 rgb(255,211,69)
```
#45ffd3
```
#45ffd3 rgb(69,255,211)
```
#4571ff
```
#4571ff rgb(69,113,255)
```

Tetradic Color

#f8bd00
```
#f8bd00 rgb(248,189,0)
```
#ffc712
```
#ffc712 rgb(255,199,18)
```
#ffcd2c
```
#ffcd2c rgb(255,205,44)
```
#ffd345
```
#ffd345 rgb(255,211,69)
```
#ffd95f
```
#ffd95f rgb(255,217,95)
```
#ffdf78
```
#ffdf78 rgb(255,223,120)
```
#ffe592
```
#ffe592 rgb(255,229,146)
```

Monochromatic Color

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

#ffa545
```
#ffa545 rgb(255,165,69)
```
#ffb445
```
#ffb445 rgb(255,180,69)
```
#ffc445
```
#ffc445 rgb(255,196,69)
```
#ffd345
```
#ffd345 rgb(255,211,69)
```
#ffe345
```
#ffe345 rgb(255,227,69)
```
#fff245
```
#fff245 rgb(255,242,69)
```
#fdff45
```
#fdff45 rgb(253,255,69)
```

Similar Colors

Text with hexadecimal color #ffd345

This text has a font color of #ffd345.

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

#ffd345 background color

This paragraph has a background color of #ffd345.

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

#ffd345 border color

This element has a border color of #ffd345.

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

CSS codes

.text {color:#ffd345;}

.background {background-color:#ffd345;}

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

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

#0a0800
```
#0a0800 rgb(10,8,0)
```
#1e1700
```
#1e1700 rgb(30,23,0)
```
#312600
```
#312600 rgb(49,38,0)
```
#453500
```
#453500 rgb(69,53,0)
```
#594400
```
#594400 rgb(89,68,0)
```
#6c5300
```
#6c5300 rgb(108,83,0)
```
#806200
```
#806200 rgb(128,98,0)
```
#937100
```
#937100 rgb(147,113,0)
```
#a78000
```
#a78000 rgb(167,128,0)
```
#bb8f00
```
#bb8f00 rgb(187,143,0)
```
#ce9e00
```
#ce9e00 rgb(206,158,0)
```
#e2ac00
```
#e2ac00 rgb(226,172,0)
```
#f6bb00
```
#f6bb00 rgb(246,187,0)
```

Shade Color Variation

#ffc50a
```
#ffc50a rgb(255,197,10)
```
#ffca1e
```
#ffca1e rgb(255,202,30)
```
#ffce31
```
#ffce31 rgb(255,206,49)
```
#ffd345
```
#ffd345 rgb(255,211,69)
```
#ffd859
```
#ffd859 rgb(255,216,89)
```
#ffdc6c
```
#ffdc6c rgb(255,220,108)
```
#ffe180
```
#ffe180 rgb(255,225,128)
```
#ffe693
```
#ffe693 rgb(255,230,147)
```
#ffeaa7
```
#ffeaa7 rgb(255,234,167)
```
#ffefbb
```
#ffefbb rgb(255,239,187)
```
#fff3ce
```
#fff3ce rgb(255,243,206)
```
#fff8e2
```
#fff8e2 rgb(255,248,226)
```
#fffdf6
```
#fffdf6 rgb(255,253,246)
```

Tint Color Variation

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

#a9a69b
```
#a9a69b rgb(169,166,155)
```
#b0aa94
```
#b0aa94 rgb(176,170,148)
```
#b7ad8d
```
#b7ad8d rgb(183,173,141)
```
#bfb185
```
#bfb185 rgb(191,177,133)
```
#c6b57e
```
#c6b57e rgb(198,181,126)
```
#cdb977
```
#cdb977 rgb(205,185,119)
```
#d4bc70
```
#d4bc70 rgb(212,188,112)
```
#dbc069
```
#dbc069 rgb(219,192,105)
```
#e2c462
```
#e2c462 rgb(226,196,98)
```
#eac85a
```
#eac85a rgb(234,200,90)
```
#f1cb53
```
#f1cb53 rgb(241,203,83)
```
#f8cf4c
```
#f8cf4c rgb(248,207,76)
```
#ffd345
```
#ffd345 rgb(255,211,69)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#d9d1b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2d94f Protanopia 1% of men
#ffd290 Deuteranopia 1% of men
#ffccd6 Tritanopia 0.001% of the population

Trichromacy

#f6d74b Protanomaly 1% of men, 0.01% of women
#ffd274 Deuteranomaly 6% of men, 0.4% of women
#ffcfa1 Tritanomaly 0.01% of the population

#ffd345 hex color

#ffd345 Color Information

#ffd345 Color Conversion

Color Schemes with #ffd345

Alternatives to #ffd345

#ffd345 Preview

Shades and Tints of #ffd345

Tones of #ffd345

Color Blindness Simulator