#ccd312 hex color

In a RGB color space, hex #ccd312 is composed of 80% red, 82.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 91.5% yellow and 17.3% black. It has a hue angle of 62.2 degrees, a saturation of 84.3% and a lightness of 44.9%. #ccd312 color hex could be obtained by blending #ffff24 with #99a700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 83
- B 7
RGB color chart
- C 3
- M 0
- Y 91
- K 17
CMYK color chart

● #ccd312 color description : Strong yellow.

The hexadecimal color #ccd312 has RGB values of R:204, G:211, B:18 and CMYK values of C:0.03, M:0, Y:0.91, K:0.17. Its decimal value is 13423378.

Hex triplet	ccd312	`#ccd312`
RGB Decimal	204, 211, 18	`rgb(204,211,18)`
RGB Percent	80, 82.7, 7.1	`rgb(80%,82.7%,7.1%)`
CMYK	3, 0, 91, 17
HSL	62.2°, 84.3, 44.9	`hsl(62.2,84.3%,44.9%)`
HSV (or HSB)	62.2°, 91.5, 82.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	81.549, -21.457, 79.463
XYZ	48.305, 59.47, 9.507
xyY	0.412, 0.507, 59.47
CIE-LCH	81.549, 82.308, 105.111
CIE-LUV	81.549, 1.684, 89.145
Hunter-Lab	77.117, -23.144, 46.673
Binary	11001100, 11010011, 00010010

#ccd312
```
#ccd312 rgb(204,211,18)
```
#1912d3
```
#1912d3 rgb(25,18,211)
```

Complementary Color

#d37a12
```
#d37a12 rgb(211,122,18)
```
#ccd312
```
#ccd312 rgb(204,211,18)
```
#6cd312
```
#6cd312 rgb(108,211,18)
```

Analogous Color

#7a12d3
```
#7a12d3 rgb(122,18,211)
```
#ccd312
```
#ccd312 rgb(204,211,18)
```
#126cd3
```
#126cd3 rgb(18,108,211)
```

Split Complementary Color

#d312cc
```
#d312cc rgb(211,18,204)
```
#ccd312
```
#ccd312 rgb(204,211,18)
```
#12ccd3
```
#12ccd3 rgb(18,204,211)
```

Triadic Color

#d31912
```
#d31912 rgb(211,25,18)
```
#ccd312
```
#ccd312 rgb(204,211,18)
```
#12ccd3
```
#12ccd3 rgb(18,204,211)
```
#1912d3
```
#1912d3 rgb(25,18,211)
```

Tetradic Color

#888d0c
```
#888d0c rgb(136,141,12)
```
#9fa40e
```
#9fa40e rgb(159,164,14)
```
#b5bc10
```
#b5bc10 rgb(181,188,16)
```
#ccd312
```
#ccd312 rgb(204,211,18)
```
#e3ea14
```
#e3ea14 rgb(227,234,20)
```
#e6ed2b
```
#e6ed2b rgb(230,237,43)
```
#e9ef43
```
#e9ef43 rgb(233,239,67)
```

Monochromatic Color

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

#d3aa12
```
#d3aa12 rgb(211,170,18)
```
#d3ba12
```
#d3ba12 rgb(211,186,18)
```
#d3ca12
```
#d3ca12 rgb(211,202,18)
```
#ccd312
```
#ccd312 rgb(204,211,18)
```
#bcd312
```
#bcd312 rgb(188,211,18)
```
#acd312
```
#acd312 rgb(172,211,18)
```
#9cd312
```
#9cd312 rgb(156,211,18)
```

Similar Colors

Text with hexadecimal color #ccd312

This text has a font color of #ccd312.

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

#ccd312 background color

This paragraph has a background color of #ccd312.

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

#ccd312 border color

This element has a border color of #ccd312.

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

CSS codes

.text {color:#ccd312;}

.background {background-color:#ccd312;}

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

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, #0c0c01 is the darkest color, while #fefef9 is the lightest one.

#0c0c01
```
#0c0c01 rgb(12,12,1)
```
#1d1e03
```
#1d1e03 rgb(29,30,3)
```
#2f3004
```
#2f3004 rgb(47,48,4)
```
#404206
```
#404206 rgb(64,66,6)
```
#525407
```
#525407 rgb(82,84,7)
```
#636709
```
#636709 rgb(99,103,9)
```
#75790a
```
#75790a rgb(117,121,10)
```
#868b0c
```
#868b0c rgb(134,139,12)
```
#989d0d
```
#989d0d rgb(152,157,13)
```
#a9af0f
```
#a9af0f rgb(169,175,15)
```
#bbc110
```
#bbc110 rgb(187,193,16)
```
#ccd312
```
#ccd312 rgb(204,211,18)
```
#dde514
```
#dde514 rgb(221,229,20)
```

Shade Color Variation

#e5ec20
```
#e5ec20 rgb(229,236,32)
```
#e7ee32
```
#e7ee32 rgb(231,238,50)
```
#e9ef44
```
#e9ef44 rgb(233,239,68)
```
#ebf156
```
#ebf156 rgb(235,241,86)
```
#edf269
```
#edf269 rgb(237,242,105)
```
#eff47b
```
#eff47b rgb(239,244,123)
```
#f1f58d
```
#f1f58d rgb(241,245,141)
```
#f4f79f
```
#f4f79f rgb(244,247,159)
```
#f6f8b1
```
#f6f8b1 rgb(246,248,177)
```
#f8fac3
```
#f8fac3 rgb(248,250,195)
```
#fafbd5
```
#fafbd5 rgb(250,251,213)
```
#fcfde7
```
#fcfde7 rgb(252,253,231)
```
#fefef9
```
#fefef9 rgb(254,254,249)
```

Tint Color Variation

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

#7a7b6a
```
#7a7b6a rgb(122,123,106)
```
#828461
```
#828461 rgb(130,132,97)
```
#8b8d58
```
#8b8d58 rgb(139,141,88)
```
#939550
```
#939550 rgb(147,149,80)
```
#9b9e47
```
#9b9e47 rgb(155,158,71)
```
#a3a73e
```
#a3a73e rgb(163,167,62)
```
#abb035
```
#abb035 rgb(171,176,53)
```
#b3b92c
```
#b3b92c rgb(179,185,44)
```
#bcc124
```
#bcc124 rgb(188,193,36)
```
#c4ca1b
```
#c4ca1b rgb(196,202,27)
```
#ccd312
```
#ccd312 rgb(204,211,18)
```
#d4dc09
```
#d4dc09 rgb(212,220,9)
```
#dce500
```
#dce500 rgb(220,229,0)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bec099 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6cd1b Protanopia 1% of men
#ffc33e Deuteranopia 1% of men
#dec7d5 Tritanopia 0.001% of the population

Trichromacy

#dccf18 Protanomaly 1% of men, 0.01% of women
#ecc92e Deuteranomaly 6% of men, 0.4% of women
#d7cb8e Tritanomaly 0.01% of the population

#ccd312 hex color

#ccd312 Color Information

#ccd312 Color Conversion

Color Schemes with #ccd312

Alternatives to #ccd312

#ccd312 Preview

Shades and Tints of #ccd312

Tones of #ccd312

Color Blindness Simulator