#ffcb1e hex color

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

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

● #ffcb1e color description : Vivid yellow.

The hexadecimal color #ffcb1e has RGB values of R:255, G:203, B:30 and CMYK values of C:0, M:0.2, Y:0.88, K:0. Its decimal value is 16763678.

Hex triplet	ffcb1e	`#ffcb1e`
RGB Decimal	255, 203, 30	`rgb(255,203,30)`
RGB Percent	100, 79.6, 11.8	`rgb(100%,79.6%,11.8%)`
CMYK	0, 20, 88, 0
HSL	46.1°, 100, 55.9	`hsl(46.1,100%,55.9%)`
HSV (or HSB)	46.1°, 88.2, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	84.002, 4.52, 81.331
XYZ	62.831, 64.069, 10.285
xyY	0.458, 0.467, 64.069
CIE-LCH	84.002, 81.456, 86.819
CIE-LUV	84.002, 44.169, 85.579
Hunter-Lab	80.043, 0.042, 48.411
Binary	11111111, 11001011, 00011110

#ffcb1e
```
#ffcb1e rgb(255,203,30)
```
#1e52ff
```
#1e52ff rgb(30,82,255)
```

Complementary Color

#ff5b1e
```
#ff5b1e rgb(255,91,30)
```
#ffcb1e
```
#ffcb1e rgb(255,203,30)
```
#c3ff1e
```
#c3ff1e rgb(195,255,30)
```

Analogous Color

#5b1eff
```
#5b1eff rgb(91,30,255)
```
#ffcb1e
```
#ffcb1e rgb(255,203,30)
```
#1ec3ff
```
#1ec3ff rgb(30,195,255)
```

Split Complementary Color

#cb1eff
```
#cb1eff rgb(203,30,255)
```
#ffcb1e
```
#ffcb1e rgb(255,203,30)
```
#1effcb
```
#1effcb rgb(30,255,203)
```

Triadic Color

#ff1e52
```
#ff1e52 rgb(255,30,82)
```
#ffcb1e
```
#ffcb1e rgb(255,203,30)
```
#1effcb
```
#1effcb rgb(30,255,203)
```
#1e52ff
```
#1e52ff rgb(30,82,255)
```

Tetradic Color

#d1a000
```
#d1a000 rgb(209,160,0)
```
#eab400
```
#eab400 rgb(234,180,0)
```
#ffc504
```
#ffc504 rgb(255,197,4)
```
#ffcb1e
```
#ffcb1e rgb(255,203,30)
```
#ffd138
```
#ffd138 rgb(255,209,56)
```
#ffd751
```
#ffd751 rgb(255,215,81)
```
#ffdd6b
```
#ffdd6b rgb(255,221,107)
```

Monochromatic Color

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

#ff931e
```
#ff931e rgb(255,147,30)
```
#ffa61e
```
#ffa61e rgb(255,166,30)
```
#ffb81e
```
#ffb81e rgb(255,184,30)
```
#ffcb1e
```
#ffcb1e rgb(255,203,30)
```
#ffde1e
```
#ffde1e rgb(255,222,30)
```
#fff11e
```
#fff11e rgb(255,241,30)
```
#fbff1e
```
#fbff1e rgb(251,255,30)
```

Similar Colors

Text with hexadecimal color #ffcb1e

This text has a font color of #ffcb1e.

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

#ffcb1e background color

This paragraph has a background color of #ffcb1e.

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

#ffcb1e border color

This element has a border color of #ffcb1e.

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

CSS codes

.text {color:#ffcb1e;}

.background {background-color:#ffcb1e;}

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

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)
```
#322600
```
#322600 rgb(50,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)
```
#947200
```
#947200 rgb(148,114,0)
```
#a78100
```
#a78100 rgb(167,129,0)
```
#bb9000
```
#bb9000 rgb(187,144,0)
```
#cf9f00
```
#cf9f00 rgb(207,159,0)
```
#e2ae00
```
#e2ae00 rgb(226,174,0)
```
#f6bd00
```
#f6bd00 rgb(246,189,0)
```

Shade Color Variation

#ffc60a
```
#ffc60a rgb(255,198,10)
```
#ffcb1e
```
#ffcb1e rgb(255,203,30)
```
#ffd032
```
#ffd032 rgb(255,208,50)
```
#ffd445
```
#ffd445 rgb(255,212,69)
```
#ffd959
```
#ffd959 rgb(255,217,89)
```
#ffdd6c
```
#ffdd6c rgb(255,221,108)
```
#ffe280
```
#ffe280 rgb(255,226,128)
```
#ffe694
```
#ffe694 rgb(255,230,148)
```
#ffeba7
```
#ffeba7 rgb(255,235,167)
```
#ffefbb
```
#ffefbb rgb(255,239,187)
```
#fff4cf
```
#fff4cf rgb(255,244,207)
```
#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, #979386 is the less saturated color, while #ffcb1e is the most saturated one.

#979386
```
#979386 rgb(151,147,134)
```
#a0987d
```
#a0987d rgb(160,152,125)
```
#a89c75
```
#a89c75 rgb(168,156,117)
```
#b1a16c
```
#b1a16c rgb(177,161,108)
```
#baa663
```
#baa663 rgb(186,166,99)
```
#c2aa5b
```
#c2aa5b rgb(194,170,91)
```
#cbaf52
```
#cbaf52 rgb(203,175,82)
```
#d4b449
```
#d4b449 rgb(212,180,73)
```
#dcb841
```
#dcb841 rgb(220,184,65)
```
#e5bd38
```
#e5bd38 rgb(229,189,56)
```
#eec22f
```
#eec22f rgb(238,194,47)
```
#f6c627
```
#f6c627 rgb(246,198,39)
```
#ffcb1e
```
#ffcb1e rgb(255,203,30)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#d2c8a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd42b Protanopia 1% of men
#ffcb71 Deuteranopia 1% of men
#ffc4ce Tritanopia 0.001% of the population

Trichromacy

#f3d026 Protanomaly 1% of men, 0.01% of women
#ffcb52 Deuteranomaly 6% of men, 0.4% of women
#ffc78e Tritanomaly 0.01% of the population

#ffcb1e hex color

#ffcb1e Color Information

#ffcb1e Color Conversion

Color Schemes with #ffcb1e

Alternatives to #ffcb1e

#ffcb1e Preview

Shades and Tints of #ffcb1e

Tones of #ffcb1e

Color Blindness Simulator