#ffcf1e hex color

In a RGB color space, hex #ffcf1e is composed of 100% red, 81.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.8% magenta, 88.2% yellow and 0% black. It has a hue angle of 47.2 degrees, a saturation of 100% and a lightness of 55.9%. #ffcf1e color hex could be obtained by blending #ffff3c with #ff9f00. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 100
- G 81
- B 12
RGB color chart
- C 0
- M 19
- Y 88
- K 0
CMYK color chart

● #ffcf1e color description : Vivid yellow.

The hexadecimal color #ffcf1e has RGB values of R:255, G:207, B:30 and CMYK values of C:0, M:0.19, Y:0.88, K:0. Its decimal value is 16764702.

Hex triplet	ffcf1e	`#ffcf1e`
RGB Decimal	255, 207, 30	`rgb(255,207,30)`
RGB Percent	100, 81.2, 11.8	`rgb(100%,81.2%,11.8%)`
CMYK	0, 19, 88, 0
HSL	47.2°, 100, 55.9	`hsl(47.2,100%,55.9%)`
HSV (or HSB)	47.2°, 88.2, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	84.987, 2.471, 82.098
XYZ	63.788, 65.982, 10.604
xyY	0.454, 0.47, 65.982
CIE-LCH	84.987, 82.136, 88.276
CIE-LUV	84.987, 41.156, 87.075
Hunter-Lab	81.23, -1.979, 49.12
Binary	11111111, 11001111, 00011110

#ffcf1e
```
#ffcf1e rgb(255,207,30)
```
#1e4eff
```
#1e4eff rgb(30,78,255)
```

Complementary Color

#ff5f1e
```
#ff5f1e rgb(255,95,30)
```
#ffcf1e
```
#ffcf1e rgb(255,207,30)
```
#bfff1e
```
#bfff1e rgb(191,255,30)
```

Analogous Color

#5f1eff
```
#5f1eff rgb(95,30,255)
```
#ffcf1e
```
#ffcf1e rgb(255,207,30)
```
#1ebfff
```
#1ebfff rgb(30,191,255)
```

Split Complementary Color

#cf1eff
```
#cf1eff rgb(207,30,255)
```
#ffcf1e
```
#ffcf1e rgb(255,207,30)
```
#1effcf
```
#1effcf rgb(30,255,207)
```

Triadic Color

#ff1e4e
```
#ff1e4e rgb(255,30,78)
```
#ffcf1e
```
#ffcf1e rgb(255,207,30)
```
#1effcf
```
#1effcf rgb(30,255,207)
```
#1e4eff
```
#1e4eff rgb(30,78,255)
```

Tetradic Color

#d1a400
```
#d1a400 rgb(209,164,0)
```
#eab800
```
#eab800 rgb(234,184,0)
```
#ffca04
```
#ffca04 rgb(255,202,4)
```
#ffcf1e
```
#ffcf1e rgb(255,207,30)
```
#ffd438
```
#ffd438 rgb(255,212,56)
```
#ffda51
```
#ffda51 rgb(255,218,81)
```
#ffdf6b
```
#ffdf6b rgb(255,223,107)
```

Monochromatic Color

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

#ff971e
```
#ff971e rgb(255,151,30)
```
#ffaa1e
```
#ffaa1e rgb(255,170,30)
```
#ffbc1e
```
#ffbc1e rgb(255,188,30)
```
#ffcf1e
```
#ffcf1e rgb(255,207,30)
```
#ffe21e
```
#ffe21e rgb(255,226,30)
```
#fff51e
```
#fff51e rgb(255,245,30)
```
#f7ff1e
```
#f7ff1e rgb(247,255,30)
```

Similar Colors

Text with hexadecimal color #ffcf1e

This text has a font color of #ffcf1e.

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

#ffcf1e background color

This paragraph has a background color of #ffcf1e.

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

#ffcf1e border color

This element has a border color of #ffcf1e.

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

CSS codes

.text {color:#ffcf1e;}

.background {background-color:#ffcf1e;}

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

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)
```
#1e1800
```
#1e1800 rgb(30,24,0)
```
#322700
```
#322700 rgb(50,39,0)
```
#453600
```
#453600 rgb(69,54,0)
```
#594600
```
#594600 rgb(89,70,0)
```
#6c5500
```
#6c5500 rgb(108,85,0)
```
#806500
```
#806500 rgb(128,101,0)
```
#947400
```
#947400 rgb(148,116,0)
```
#a78400
```
#a78400 rgb(167,132,0)
```
#bb9300
```
#bb9300 rgb(187,147,0)
```
#cfa200
```
#cfa200 rgb(207,162,0)
```
#e2b200
```
#e2b200 rgb(226,178,0)
```
#f6c100
```
#f6c100 rgb(246,193,0)
```

Shade Color Variation

#ffcb0a
```
#ffcb0a rgb(255,203,10)
```
#ffcf1e
```
#ffcf1e rgb(255,207,30)
```
#ffd332
```
#ffd332 rgb(255,211,50)
```
#ffd745
```
#ffd745 rgb(255,215,69)
```
#ffdc59
```
#ffdc59 rgb(255,220,89)
```
#ffe06c
```
#ffe06c rgb(255,224,108)
```
#ffe480
```
#ffe480 rgb(255,228,128)
```
#ffe894
```
#ffe894 rgb(255,232,148)
```
#ffeca7
```
#ffeca7 rgb(255,236,167)
```
#fff0bb
```
#fff0bb rgb(255,240,187)
```
#fff5cf
```
#fff5cf rgb(255,245,207)
```
#fff9e2
```
#fff9e2 rgb(255,249,226)
```
#fffdf6
```
#fffdf6 rgb(255,253,246)
```

Tint Color Variation

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

#979386
```
#979386 rgb(151,147,134)
```
#a0987d
```
#a0987d rgb(160,152,125)
```
#a89d75
```
#a89d75 rgb(168,157,117)
```
#b1a26c
```
#b1a26c rgb(177,162,108)
```
#baa763
```
#baa763 rgb(186,167,99)
```
#c2ac5b
```
#c2ac5b rgb(194,172,91)
```
#cbb152
```
#cbb152 rgb(203,177,82)
```
#d4b649
```
#d4b649 rgb(212,182,73)
```
#dcbb41
```
#dcbb41 rgb(220,187,65)
```
#e5c038
```
#e5c038 rgb(229,192,56)
```
#eec52f
```
#eec52f rgb(238,197,47)
```
#f6ca27
```
#f6ca27 rgb(246,202,39)
```
#ffcf1e
```
#ffcf1e rgb(255,207,30)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#d4caa7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0d62b Protanopia 1% of men
#ffcf7f Deuteranopia 1% of men
#ffc8d2 Tritanopia 0.001% of the population

Trichromacy

#f5d426 Protanomaly 1% of men, 0.01% of women
#ffcf5b Deuteranomaly 6% of men, 0.4% of women
#ffca90 Tritanomaly 0.01% of the population

#ffcf1e hex color

#ffcf1e Color Information

#ffcf1e Color Conversion

Color Schemes with #ffcf1e

Alternatives to #ffcf1e

#ffcf1e Preview

Shades and Tints of #ffcf1e

Tones of #ffcf1e

Color Blindness Simulator