#ffdb48 hex color

In a RGB color space, hex #ffdb48 is composed of 100% red, 85.9% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.1% magenta, 71.8% yellow and 0% black. It has a hue angle of 48.2 degrees, a saturation of 100% and a lightness of 64.1%. #ffdb48 color hex could be obtained by blending #ffff90 with #ffb700. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 100
- G 86
- B 28
RGB color chart
- C 0
- M 14
- Y 72
- K 0
CMYK color chart

● #ffdb48 color description : Light yellow.

The hexadecimal color #ffdb48 has RGB values of R:255, G:219, B:72 and CMYK values of C:0, M:0.14, Y:0.72, K:0. Its decimal value is 16767816.

Hex triplet	ffdb48	`#ffdb48`
RGB Decimal	255, 219, 72	`rgb(255,219,72)`
RGB Percent	100, 85.9, 28.2	`rgb(100%,85.9%,28.2%)`
CMYK	0, 14, 72, 0
HSL	48.2°, 100, 64.1	`hsl(48.2,100%,64.1%)`
HSV (or HSB)	48.2°, 71.8, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	88.158, -2.33, 72.877
XYZ	67.742, 72.393, 16.536
xyY	0.432, 0.462, 72.393
CIE-LCH	88.158, 72.914, 91.831
CIE-LUV	88.158, 31.352, 83.831
Hunter-Lab	85.084, -6.781, 48.036
Binary	11111111, 11011011, 01001000

#ffdb48
```
#ffdb48 rgb(255,219,72)
```
#486cff
```
#486cff rgb(72,108,255)
```

Complementary Color

#ff8048
```
#ff8048 rgb(255,128,72)
```
#ffdb48
```
#ffdb48 rgb(255,219,72)
```
#c8ff48
```
#c8ff48 rgb(200,255,72)
```

Analogous Color

#8048ff
```
#8048ff rgb(128,72,255)
```
#ffdb48
```
#ffdb48 rgb(255,219,72)
```
#48c8ff
```
#48c8ff rgb(72,200,255)
```

Split Complementary Color

#db48ff
```
#db48ff rgb(219,72,255)
```
#ffdb48
```
#ffdb48 rgb(255,219,72)
```
#48ffdb
```
#48ffdb rgb(72,255,219)
```

Triadic Color

#ff486c
```
#ff486c rgb(255,72,108)
```
#ffdb48
```
#ffdb48 rgb(255,219,72)
```
#48ffdb
```
#48ffdb rgb(72,255,219)
```
#486cff
```
#486cff rgb(72,108,255)
```

Tetradic Color

#fbc900
```
#fbc900 rgb(251,201,0)
```
#ffd115
```
#ffd115 rgb(255,209,21)
```
#ffd62f
```
#ffd62f rgb(255,214,47)
```
#ffdb48
```
#ffdb48 rgb(255,219,72)
```
#ffe062
```
#ffe062 rgb(255,224,98)
```
#ffe57b
```
#ffe57b rgb(255,229,123)
```
#ffea95
```
#ffea95 rgb(255,234,149)
```

Monochromatic Color

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

#ffad48
```
#ffad48 rgb(255,173,72)
```
#ffbd48
```
#ffbd48 rgb(255,189,72)
```
#ffcc48
```
#ffcc48 rgb(255,204,72)
```
#ffdb48
```
#ffdb48 rgb(255,219,72)
```
#ffea48
```
#ffea48 rgb(255,234,72)
```
#fffa48
```
#fffa48 rgb(255,250,72)
```
#f5ff48
```
#f5ff48 rgb(245,255,72)
```

Similar Colors

Text with hexadecimal color #ffdb48

This text has a font color of #ffdb48.

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

#ffdb48 background color

This paragraph has a background color of #ffdb48.

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

#ffdb48 border color

This element has a border color of #ffdb48.

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

CSS codes

.text {color:#ffdb48;}

.background {background-color:#ffdb48;}

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

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

#0d0b00
```
#0d0b00 rgb(13,11,0)
```
#211a00
```
#211a00 rgb(33,26,0)
```
#342a00
```
#342a00 rgb(52,42,0)
```
#483a00
```
#483a00 rgb(72,58,0)
```
#5c4a00
```
#5c4a00 rgb(92,74,0)
```
#6f5900
```
#6f5900 rgb(111,89,0)
```
#836900
```
#836900 rgb(131,105,0)
```
#967900
```
#967900 rgb(150,121,0)
```
#aa8900
```
#aa8900 rgb(170,137,0)
```
#be9800
```
#be9800 rgb(190,152,0)
```
#d1a800
```
#d1a800 rgb(209,168,0)
```
#e5b800
```
#e5b800 rgb(229,184,0)
```
#f9c800
```
#f9c800 rgb(249,200,0)
```

Shade Color Variation

#ffcf0d
```
#ffcf0d rgb(255,207,13)
```
#ffd321
```
#ffd321 rgb(255,211,33)
```
#ffd734
```
#ffd734 rgb(255,215,52)
```
#ffdb48
```
#ffdb48 rgb(255,219,72)
```
#ffdf5c
```
#ffdf5c rgb(255,223,92)
```
#ffe36f
```
#ffe36f rgb(255,227,111)
```
#ffe783
```
#ffe783 rgb(255,231,131)
```
#ffea96
```
#ffea96 rgb(255,234,150)
```
#ffeeaa
```
#ffeeaa rgb(255,238,170)
```
#fff2be
```
#fff2be rgb(255,242,190)
```
#fff6d1
```
#fff6d1 rgb(255,246,209)
```
#fffae5
```
#fffae5 rgb(255,250,229)
```
#fffef9
```
#fffef9 rgb(255,254,249)
```

Tint Color Variation

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

#aba89c
```
#aba89c rgb(171,168,156)
```
#b2ac95
```
#b2ac95 rgb(178,172,149)
```
#b9b08e
```
#b9b08e rgb(185,176,142)
```
#c0b587
```
#c0b587 rgb(192,181,135)
```
#c7b980
```
#c7b980 rgb(199,185,128)
```
#cebd79
```
#cebd79 rgb(206,189,121)
```
#d5c172
```
#d5c172 rgb(213,193,114)
```
#dcc66b
```
#dcc66b rgb(220,198,107)
```
#e3ca64
```
#e3ca64 rgb(227,202,100)
```
#eace5d
```
#eace5d rgb(234,206,93)
```
#f1d256
```
#f1d256 rgb(241,210,86)
```
#f8d74f
```
#f8d74f rgb(248,215,79)
```
#ffdb48
```
#ffdb48 rgb(255,219,72)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#ddd6b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8df52 Protanopia 1% of men
#ffd9a4 Deuteranopia 1% of men
#ffd4de Tritanopia 0.001% of the population

Trichromacy

#fadd4e Protanomaly 1% of men, 0.01% of women
#ffd983 Deuteranomaly 6% of men, 0.4% of women
#ffd6a7 Tritanomaly 0.01% of the population

#ffdb48 hex color

#ffdb48 Color Information

#ffdb48 Color Conversion

Color Schemes with #ffdb48

Alternatives to #ffdb48

#ffdb48 Preview

Shades and Tints of #ffdb48

Tones of #ffdb48

Color Blindness Simulator