#ffca12 hex color

In a RGB color space, hex #ffca12 is composed of 100% red, 79.2% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.8% magenta, 92.9% yellow and 0% black. It has a hue angle of 46.6 degrees, a saturation of 100% and a lightness of 53.5%. #ffca12 color hex could be obtained by blending #ffff24 with #ff9500. Closest websafe color is: #ffcc00.

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

● #ffca12 color description : Vivid yellow.

The hexadecimal color #ffca12 has RGB values of R:255, G:202, B:18 and CMYK values of C:0, M:0.21, Y:0.93, K:0. Its decimal value is 16763410.

Hex triplet	ffca12	`#ffca12`
RGB Decimal	255, 202, 18	`rgb(255,202,18)`
RGB Percent	100, 79.2, 7.1	`rgb(100%,79.2%,7.1%)`
CMYK	0, 21, 93, 0
HSL	46.6°, 100, 53.5	`hsl(46.6,100%,53.5%)`
HSV (or HSB)	46.6°, 92.9, 100
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	83.73, 4.857, 83.093
XYZ	62.471, 63.548, 9.548
xyY	0.461, 0.469, 63.548
CIE-LCH	83.73, 83.235, 86.655
CIE-LUV	83.73, 45.103, 86.334
Hunter-Lab	79.717, 0.379, 48.701
Binary	11111111, 11001010, 00010010

#ffca12
```
#ffca12 rgb(255,202,18)
```
#1247ff
```
#1247ff rgb(18,71,255)
```

Complementary Color

#ff5412
```
#ff5412 rgb(255,84,18)
```
#ffca12
```
#ffca12 rgb(255,202,18)
```
#beff12
```
#beff12 rgb(190,255,18)
```

Analogous Color

#5412ff
```
#5412ff rgb(84,18,255)
```
#ffca12
```
#ffca12 rgb(255,202,18)
```
#12beff
```
#12beff rgb(18,190,255)
```

Split Complementary Color

#ca12ff
```
#ca12ff rgb(202,18,255)
```
#ffca12
```
#ffca12 rgb(255,202,18)
```
#12ffca
```
#12ffca rgb(18,255,202)
```

Triadic Color

#ff1247
```
#ff1247 rgb(255,18,71)
```
#ffca12
```
#ffca12 rgb(255,202,18)
```
#12ffca
```
#12ffca rgb(18,255,202)
```
#1247ff
```
#1247ff rgb(18,71,255)
```

Tetradic Color

#c59900
```
#c59900 rgb(197,153,0)
```
#deac00
```
#deac00 rgb(222,172,0)
```
#f8c000
```
#f8c000 rgb(248,192,0)
```
#ffca12
```
#ffca12 rgb(255,202,18)
```
#ffd02c
```
#ffd02c rgb(255,208,44)
```
#ffd545
```
#ffd545 rgb(255,213,69)
```
#ffdb5f
```
#ffdb5f rgb(255,219,95)
```

Monochromatic Color

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

#ff8f12
```
#ff8f12 rgb(255,143,18)
```
#ffa312
```
#ffa312 rgb(255,163,18)
```
#ffb612
```
#ffb612 rgb(255,182,18)
```
#ffca12
```
#ffca12 rgb(255,202,18)
```
#ffde12
```
#ffde12 rgb(255,222,18)
```
#fff212
```
#fff212 rgb(255,242,18)
```
#f9ff12
```
#f9ff12 rgb(249,255,18)
```

Similar Colors

Text with hexadecimal color #ffca12

This text has a font color of #ffca12.

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

#ffca12 background color

This paragraph has a background color of #ffca12.

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

#ffca12 border color

This element has a border color of #ffca12.

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

CSS codes

.text {color:#ffca12;}

.background {background-color:#ffca12;}

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

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

#120e00
```
#120e00 rgb(18,14,0)
```
#261d00
```
#261d00 rgb(38,29,0)
```
#392c00
```
#392c00 rgb(57,44,0)
```
#4d3c00
```
#4d3c00 rgb(77,60,0)
```
#604b00
```
#604b00 rgb(96,75,0)
```
#745a00
```
#745a00 rgb(116,90,0)
```
#886900
```
#886900 rgb(136,105,0)
```
#9b7900
```
#9b7900 rgb(155,121,0)
```
#af8800
```
#af8800 rgb(175,136,0)
```
#c39700
```
#c39700 rgb(195,151,0)
```
#d6a600
```
#d6a600 rgb(214,166,0)
```
#eab500
```
#eab500 rgb(234,181,0)
```
#fdc500
```
#fdc500 rgb(253,197,0)
```

Shade Color Variation

#ffca12
```
#ffca12 rgb(255,202,18)
```
#ffce26
```
#ffce26 rgb(255,206,38)
```
#ffd339
```
#ffd339 rgb(255,211,57)
```
#ffd74d
```
#ffd74d rgb(255,215,77)
```
#ffdc60
```
#ffdc60 rgb(255,220,96)
```
#ffe074
```
#ffe074 rgb(255,224,116)
```
#ffe488
```
#ffe488 rgb(255,228,136)
```
#ffe99b
```
#ffe99b rgb(255,233,155)
```
#ffedaf
```
#ffedaf rgb(255,237,175)
```
#fff1c3
```
#fff1c3 rgb(255,241,195)
```
#fff6d6
```
#fff6d6 rgb(255,246,214)
```
#fffaea
```
#fffaea rgb(255,250,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#928e7f
```
#928e7f rgb(146,142,127)
```
#9b9376
```
#9b9376 rgb(155,147,118)
```
#a4986d
```
#a4986d rgb(164,152,109)
```
#ad9d64
```
#ad9d64 rgb(173,157,100)
```
#b6a25b
```
#b6a25b rgb(182,162,91)
```
#bfa752
```
#bfa752 rgb(191,167,82)
```
#c8ac49
```
#c8ac49 rgb(200,172,73)
```
#d1b140
```
#d1b140 rgb(209,177,64)
```
#dbb636
```
#dbb636 rgb(219,182,54)
```
#e4bb2d
```
#e4bb2d rgb(228,187,45)
```
#edc024
```
#edc024 rgb(237,192,36)
```
#f6c51b
```
#f6c51b rgb(246,197,27)
```
#ffca12
```
#ffca12 rgb(255,202,18)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#d1c6a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd320 Protanopia 1% of men
#ffca6c Deuteranopia 1% of men
#ffc3cd Tritanopia 0.001% of the population

Trichromacy

#f3d01b Protanomaly 1% of men, 0.01% of women
#ffca4b Deuteranomaly 6% of men, 0.4% of women
#ffc689 Tritanomaly 0.01% of the population

#ffca12 hex color

#ffca12 Color Information

#ffca12 Color Conversion

Color Schemes with #ffca12

Alternatives to #ffca12

#ffca12 Preview

Shades and Tints of #ffca12

Tones of #ffca12

Color Blindness Simulator