#ffcd67 hex color

In a RGB color space, hex #ffcd67 is composed of 100% red, 80.4% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 59.6% yellow and 0% black. It has a hue angle of 40.3 degrees, a saturation of 100% and a lightness of 70.2%. #ffcd67 color hex could be obtained by blending #ffffce with #ff9b00. Closest websafe color is: #ffcc66.

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

● #ffcd67 color description : Very light orange.

The hexadecimal color #ffcd67 has RGB values of R:255, G:205, B:103 and CMYK values of C:0, M:0.2, Y:0.6, K:0. Its decimal value is 16764263.

Hex triplet	ffcd67	`#ffcd67`
RGB Decimal	255, 205, 103	`rgb(255,205,103)`
RGB Percent	100, 80.4, 40.4	`rgb(100%,80.4%,40.4%)`
CMYK	0, 20, 60, 0
HSL	40.3°, 100, 70.2	`hsl(40.3,100%,70.2%)`
HSV (or HSB)	40.3°, 59.6, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.948, 6.568, 56.509
XYZ	65.52, 65.905, 22.101
xyY	0.427, 0.429, 65.905
CIE-LCH	84.948, 56.89, 83.37
CIE-LUV	84.948, 39.842, 67.44
Hunter-Lab	81.182, 1.996, 40.686
Binary	11111111, 11001101, 01100111

#ffcd67
```
#ffcd67 rgb(255,205,103)
```
#6799ff
```
#6799ff rgb(103,153,255)
```

Complementary Color

#ff8167
```
#ff8167 rgb(255,129,103)
```
#ffcd67
```
#ffcd67 rgb(255,205,103)
```
#e5ff67
```
#e5ff67 rgb(229,255,103)
```

Analogous Color

#8167ff
```
#8167ff rgb(129,103,255)
```
#ffcd67
```
#ffcd67 rgb(255,205,103)
```
#67e5ff
```
#67e5ff rgb(103,229,255)
```

Split Complementary Color

#cd67ff
```
#cd67ff rgb(205,103,255)
```
#ffcd67
```
#ffcd67 rgb(255,205,103)
```
#67ffcd
```
#67ffcd rgb(103,255,205)
```

Triadic Color

#ff6799
```
#ff6799 rgb(255,103,153)
```
#ffcd67
```
#ffcd67 rgb(255,205,103)
```
#67ffcd
```
#67ffcd rgb(103,255,205)
```
#6799ff
```
#6799ff rgb(103,153,255)
```

Tetradic Color

#ffb41b
```
#ffb41b rgb(255,180,27)
```
#ffbc34
```
#ffbc34 rgb(255,188,52)
```
#ffc54e
```
#ffc54e rgb(255,197,78)
```
#ffcd67
```
#ffcd67 rgb(255,205,103)
```
#ffd581
```
#ffd581 rgb(255,213,129)
```
#ffde9a
```
#ffde9a rgb(255,222,154)
```
#ffe6b4
```
#ffe6b4 rgb(255,230,180)
```

Monochromatic Color

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

#ffa767
```
#ffa767 rgb(255,167,103)
```
#ffb467
```
#ffb467 rgb(255,180,103)
```
#ffc067
```
#ffc067 rgb(255,192,103)
```
#ffcd67
```
#ffcd67 rgb(255,205,103)
```
#ffda67
```
#ffda67 rgb(255,218,103)
```
#ffe667
```
#ffe667 rgb(255,230,103)
```
#fff367
```
#fff367 rgb(255,243,103)
```

Similar Colors

Text with hexadecimal color #ffcd67

This text has a font color of #ffcd67.

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

#ffcd67 background color

This paragraph has a background color of #ffcd67.

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

#ffcd67 border color

This element has a border color of #ffcd67.

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

CSS codes

.text {color:#ffcd67;}

.background {background-color:#ffcd67;}

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

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

#050300
```
#050300 rgb(5,3,0)
```
#191000
```
#191000 rgb(25,16,0)
```
#2c1e00
```
#2c1e00 rgb(44,30,0)
```
#402b00
```
#402b00 rgb(64,43,0)
```
#533800
```
#533800 rgb(83,56,0)
```
#674500
```
#674500 rgb(103,69,0)
```
#7b5200
```
#7b5200 rgb(123,82,0)
```
#8e5f00
```
#8e5f00 rgb(142,95,0)
```
#a26d00
```
#a26d00 rgb(162,109,0)
```
#b57a00
```
#b57a00 rgb(181,122,0)
```
#c98700
```
#c98700 rgb(201,135,0)
```
#dd9400
```
#dd9400 rgb(221,148,0)
```
#f0a100
```
#f0a100 rgb(240,161,0)
```

Shade Color Variation

#ffad05
```
#ffad05 rgb(255,173,5)
```
#ffb319
```
#ffb319 rgb(255,179,25)
```
#ffba2c
```
#ffba2c rgb(255,186,44)
```
#ffc040
```
#ffc040 rgb(255,192,64)
```
#ffc753
```
#ffc753 rgb(255,199,83)
```
#ffcd67
```
#ffcd67 rgb(255,205,103)
```
#ffd37b
```
#ffd37b rgb(255,211,123)
```
#ffda8e
```
#ffda8e rgb(255,218,142)
```
#ffe0a2
```
#ffe0a2 rgb(255,224,162)
```
#ffe7b5
```
#ffe7b5 rgb(255,231,181)
```
#ffedc9
```
#ffedc9 rgb(255,237,201)
```
#fff4dd
```
#fff4dd rgb(255,244,221)
```
#fffaf0
```
#fffaf0 rgb(255,250,240)
```

Tint Color Variation

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

#b9b5ad
```
#b9b5ad rgb(185,181,173)
```
#bfb7a7
```
#bfb7a7 rgb(191,183,167)
```
#c5b9a1
```
#c5b9a1 rgb(197,185,161)
```
#cabb9c
```
#cabb9c rgb(202,187,156)
```
#d0bd96
```
#d0bd96 rgb(208,189,150)
```
#d6bf90
```
#d6bf90 rgb(214,191,144)
```
#dcc18a
```
#dcc18a rgb(220,193,138)
```
#e2c384
```
#e2c384 rgb(226,195,132)
```
#e8c57e
```
#e8c57e rgb(232,197,126)
```
#edc779
```
#edc779 rgb(237,199,121)
```
#f3c973
```
#f3c973 rgb(243,201,115)
```
#f9cb6d
```
#f9cb6d rgb(249,203,109)
```
#ffcd67
```
#ffcd67 rgb(255,205,103)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#d9cfbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd671 Protanopia 1% of men
#ffce87 Deuteranopia 1% of men
#ffc8d2 Tritanopia 0.001% of the population

Trichromacy

#f2d36d Protanomaly 1% of men, 0.01% of women
#ffcd7b Deuteranomaly 6% of men, 0.4% of women
#ffcaab Tritanomaly 0.01% of the population

#ffcd67 hex color

#ffcd67 Color Information

#ffcd67 Color Conversion

Color Schemes with #ffcd67

Alternatives to #ffcd67

#ffcd67 Preview

Shades and Tints of #ffcd67

Tones of #ffcd67

Color Blindness Simulator