#ffca4f hex color

In a RGB color space, hex #ffca4f is composed of 100% red, 79.2% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.8% magenta, 69% yellow and 0% black. It has a hue angle of 41.9 degrees, a saturation of 100% and a lightness of 65.5%. #ffca4f color hex could be obtained by blending #ffff9e with #ff9500. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 100
- G 79
- B 31
RGB color chart
- C 0
- M 21
- Y 69
- K 0
CMYK color chart

● #ffca4f color description : Light orange.

The hexadecimal color #ffca4f has RGB values of R:255, G:202, B:79 and CMYK values of C:0, M:0.21, Y:0.69, K:0. Its decimal value is 16763471.

Hex triplet	ffca4f	`#ffca4f`
RGB Decimal	255, 202, 79	`rgb(255,202,79)`
RGB Percent	100, 79.2, 31	`rgb(100%,79.2%,31%)`
CMYK	0, 21, 69, 0
HSL	41.9°, 100, 65.5	`hsl(41.9,100%,65.5%)`
HSV (or HSB)	41.9°, 69, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.001, 6.685, 65.995
XYZ	63.773, 64.069, 16.404
xyY	0.442, 0.444, 64.069
CIE-LCH	84.001, 66.333, 84.216
CIE-LUV	84.001, 43.322, 74.851
Hunter-Lab	80.043, 2.142, 43.879
Binary	11111111, 11001010, 01001111

#ffca4f
```
#ffca4f rgb(255,202,79)
```
#4f84ff
```
#4f84ff rgb(79,132,255)
```

Complementary Color

#ff724f
```
#ff724f rgb(255,114,79)
```
#ffca4f
```
#ffca4f rgb(255,202,79)
```
#dcff4f
```
#dcff4f rgb(220,255,79)
```

Analogous Color

#724fff
```
#724fff rgb(114,79,255)
```
#ffca4f
```
#ffca4f rgb(255,202,79)
```
#4fdcff
```
#4fdcff rgb(79,220,255)
```

Split Complementary Color

#ca4fff
```
#ca4fff rgb(202,79,255)
```
#ffca4f
```
#ffca4f rgb(255,202,79)
```
#4fffca
```
#4fffca rgb(79,255,202)
```

Triadic Color

#ff4f84
```
#ff4f84 rgb(255,79,132)
```
#ffca4f
```
#ffca4f rgb(255,202,79)
```
#4fffca
```
#4fffca rgb(79,255,202)
```
#4f84ff
```
#4f84ff rgb(79,132,255)
```

Tetradic Color

#ffb302
```
#ffb302 rgb(255,179,2)
```
#ffbb1c
```
#ffbb1c rgb(255,187,28)
```
#ffc236
```
#ffc236 rgb(255,194,54)
```
#ffca4f
```
#ffca4f rgb(255,202,79)
```
#ffd269
```
#ffd269 rgb(255,210,105)
```
#ffd982
```
#ffd982 rgb(255,217,130)
```
#ffe19c
```
#ffe19c rgb(255,225,156)
```

Monochromatic Color

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

#ff9e4f
```
#ff9e4f rgb(255,158,79)
```
#ffad4f
```
#ffad4f rgb(255,173,79)
```
#ffbb4f
```
#ffbb4f rgb(255,187,79)
```
#ffca4f
```
#ffca4f rgb(255,202,79)
```
#ffd94f
```
#ffd94f rgb(255,217,79)
```
#ffe74f
```
#ffe74f rgb(255,231,79)
```
#fff64f
```
#fff64f rgb(255,246,79)
```

Similar Colors

Text with hexadecimal color #ffca4f

This text has a font color of #ffca4f.

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

#ffca4f background color

This paragraph has a background color of #ffca4f.

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

#ffca4f border color

This element has a border color of #ffca4f.

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

CSS codes

.text {color:#ffca4f;}

.background {background-color:#ffca4f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140e00
```
#140e00 rgb(20,14,0)
```
#281c00
```
#281c00 rgb(40,28,0)
```
#3b2a00
```
#3b2a00 rgb(59,42,0)
```
#4f3700
```
#4f3700 rgb(79,55,0)
```
#634500
```
#634500 rgb(99,69,0)
```
#765300
```
#765300 rgb(118,83,0)
```
#8a6000
```
#8a6000 rgb(138,96,0)
```
#9d6e00
```
#9d6e00 rgb(157,110,0)
```
#b17c00
```
#b17c00 rgb(177,124,0)
```
#c58900
```
#c58900 rgb(197,137,0)
```
#d89700
```
#d89700 rgb(216,151,0)
```
#eca500
```
#eca500 rgb(236,165,0)
```

Shade Color Variation

#ffb201
```
#ffb201 rgb(255,178,1)
```
#ffb814
```
#ffb814 rgb(255,184,20)
```
#ffbe28
```
#ffbe28 rgb(255,190,40)
```
#ffc43b
```
#ffc43b rgb(255,196,59)
```
#ffca4f
```
#ffca4f rgb(255,202,79)
```
#ffd063
```
#ffd063 rgb(255,208,99)
```
#ffd676
```
#ffd676 rgb(255,214,118)
```
#ffdc8a
```
#ffdc8a rgb(255,220,138)
```
#ffe29d
```
#ffe29d rgb(255,226,157)
```
#ffe8b1
```
#ffe8b1 rgb(255,232,177)
```
#ffedc5
```
#ffedc5 rgb(255,237,197)
```
#fff3d8
```
#fff3d8 rgb(255,243,216)
```
#fff9ec
```
#fff9ec rgb(255,249,236)
```

Tint Color Variation

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

#aeaaa0
```
#aeaaa0 rgb(174,170,160)
```
#b5ac99
```
#b5ac99 rgb(181,172,153)
```
#bbaf93
```
#bbaf93 rgb(187,175,147)
```
#c2b28c
```
#c2b28c rgb(194,178,140)
```
#c9b485
```
#c9b485 rgb(201,180,133)
```
#d0b77e
```
#d0b77e rgb(208,183,126)
```
#d6ba78
```
#d6ba78 rgb(214,186,120)
```
#ddbd71
```
#ddbd71 rgb(221,189,113)
```
#e4bf6a
```
#e4bf6a rgb(228,191,106)
```
#ebc263
```
#ebc263 rgb(235,194,99)
```
#f1c55d
```
#f1c55d rgb(241,197,93)
```
#f8c756
```
#f8c756 rgb(248,199,86)
```
#ffca4f
```
#ffca4f rgb(255,202,79)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#d6ccb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd45a Protanopia 1% of men
#ffcb77 Deuteranopia 1% of men
#ffc4cf Tritanopia 0.001% of the population

Trichromacy

#f2d056 Protanomaly 1% of men, 0.01% of women
#ffca68 Deuteranomaly 6% of men, 0.4% of women
#ffc6a0 Tritanomaly 0.01% of the population

#ffca4f hex color

#ffca4f Color Information

#ffca4f Color Conversion

Color Schemes with #ffca4f

Alternatives to #ffca4f

#ffca4f Preview

Shades and Tints of #ffca4f

Tones of #ffca4f

Color Blindness Simulator