#cde348 hex color

In a RGB color space, hex #cde348 is composed of 80.4% red, 89% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 9.7% cyan, 0% magenta, 68.3% yellow and 11% black. It has a hue angle of 68.5 degrees, a saturation of 73.5% and a lightness of 58.6%. #cde348 color hex could be obtained by blending #ffff90 with #9bc700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 89
- B 28
RGB color chart
- C 10
- M 0
- Y 68
- K 11
CMYK color chart

● #cde348 color description : Soft yellow.

The hexadecimal color #cde348 has RGB values of R:205, G:227, B:72 and CMYK values of C:0.1, M:0, Y:0.68, K:0.11. Its decimal value is 13493064.

Hex triplet	cde348	`#cde348`
RGB Decimal	205, 227, 72	`rgb(205,227,72)`
RGB Percent	80.4, 89, 28.2	`rgb(80.4%,89%,28.2%)`
CMYK	10, 0, 68, 11
HSL	68.5°, 73.5, 58.6	`hsl(68.5,73.5%,58.6%)`
HSV (or HSB)	68.5°, 68.3, 89
Web Safe	cccc33	`#cccc33`

CIE-LAB	86.199, -26.869, 69.587
XYZ	53.815, 68.385, 16.495
xyY	0.388, 0.493, 68.385
CIE-LCH	86.199, 74.594, 111.113
CIE-LUV	86.199, -8.055, 86.026
Hunter-Lab	82.695, -28.555, 46.06
Binary	11001101, 11100011, 01001000

#cde348
```
#cde348 rgb(205,227,72)
```
#5e48e3
```
#5e48e3 rgb(94,72,227)
```

Complementary Color

#e3ac48
```
#e3ac48 rgb(227,172,72)
```
#cde348
```
#cde348 rgb(205,227,72)
```
#80e348
```
#80e348 rgb(128,227,72)
```

Analogous Color

#ac48e3
```
#ac48e3 rgb(172,72,227)
```
#cde348
```
#cde348 rgb(205,227,72)
```
#4880e3
```
#4880e3 rgb(72,128,227)
```

Split Complementary Color

#e348cd
```
#e348cd rgb(227,72,205)
```
#cde348
```
#cde348 rgb(205,227,72)
```
#48cde3
```
#48cde3 rgb(72,205,227)
```

Triadic Color

#e35e48
```
#e35e48 rgb(227,94,72)
```
#cde348
```
#cde348 rgb(205,227,72)
```
#48cde3
```
#48cde3 rgb(72,205,227)
```
#5e48e3
```
#5e48e3 rgb(94,72,227)
```

Tetradic Color

#aac11e
```
#aac11e rgb(170,193,30)
```
#bdd721
```
#bdd721 rgb(189,215,33)
```
#c7e032
```
#c7e032 rgb(199,224,50)
```
#cde348
```
#cde348 rgb(205,227,72)
```
#d3e65e
```
#d3e65e rgb(211,230,94)
```
#d9ea74
```
#d9ea74 rgb(217,234,116)
```
#dfed8a
```
#dfed8a rgb(223,237,138)
```

Monochromatic Color

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

#e3d248
```
#e3d248 rgb(227,210,72)
```
#e3df48
```
#e3df48 rgb(227,223,72)
```
#dae348
```
#dae348 rgb(218,227,72)
```
#cde348
```
#cde348 rgb(205,227,72)
```
#c0e348
```
#c0e348 rgb(192,227,72)
```
#b3e348
```
#b3e348 rgb(179,227,72)
```
#a6e348
```
#a6e348 rgb(166,227,72)
```

Similar Colors

Text with hexadecimal color #cde348

This text has a font color of #cde348.

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

#cde348 background color

This paragraph has a background color of #cde348.

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

#cde348 border color

This element has a border color of #cde348.

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

CSS codes

.text {color:#cde348;}

.background {background-color:#cde348;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#131503
```
#131503 rgb(19,21,3)
```
#222606
```
#222606 rgb(34,38,6)
```
#313708
```
#313708 rgb(49,55,8)
```
#40480b
```
#40480b rgb(64,72,11)
```
#4e590e
```
#4e590e rgb(78,89,14)
```
#5d6a10
```
#5d6a10 rgb(93,106,16)
```
#6c7b13
```
#6c7b13 rgb(108,123,19)
```
#7b8c15
```
#7b8c15 rgb(123,140,21)
```
#8a9d18
```
#8a9d18 rgb(138,157,24)
```
#99ae1b
```
#99ae1b rgb(153,174,27)
```
#a8bf1d
```
#a8bf1d rgb(168,191,29)
```
#b7d020
```
#b7d020 rgb(183,208,32)
```

Shade Color Variation

#c4de26
```
#c4de26 rgb(196,222,38)
```
#c8e037
```
#c8e037 rgb(200,224,55)
```
#cde348
```
#cde348 rgb(205,227,72)
```
#d2e659
```
#d2e659 rgb(210,230,89)
```
#d6e86a
```
#d6e86a rgb(214,232,106)
```
#dbeb7b
```
#dbeb7b rgb(219,235,123)
```
#e0ed8c
```
#e0ed8c rgb(224,237,140)
```
#e4f09d
```
#e4f09d rgb(228,240,157)
```
#e9f3ae
```
#e9f3ae rgb(233,243,174)
```
#eef5bf
```
#eef5bf rgb(238,245,191)
```
#f2f8d0
```
#f2f8d0 rgb(242,248,208)
```
#f7fae1
```
#f7fae1 rgb(247,250,225)
```
#fbfdf2
```
#fbfdf2 rgb(251,253,242)
```

Tint Color Variation

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

#999a91
```
#999a91 rgb(153,154,145)
```
#9fa289
```
#9fa289 rgb(159,162,137)
```
#a4aa81
```
#a4aa81 rgb(164,170,129)
```
#aab279
```
#aab279 rgb(170,178,121)
```
#b0ba71
```
#b0ba71 rgb(176,186,113)
```
#b6c368
```
#b6c368 rgb(182,195,104)
```
#bccb60
```
#bccb60 rgb(188,203,96)
```
#c1d358
```
#c1d358 rgb(193,211,88)
```
#c7db50
```
#c7db50 rgb(199,219,80)
```
#cde348
```
#cde348 rgb(205,227,72)
```
#d3eb40
```
#d3eb40 rgb(211,235,64)
```
#d9f338
```
#d9f338 rgb(217,243,56)
```
#defb30
```
#defb30 rgb(222,251,48)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#cbd0b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2da4e Protanopia 1% of men
#ffd291 Deuteranopia 1% of men
#e0d6e5 Tritanopia 0.001% of the population

Trichromacy

#e4dd4c Protanomaly 1% of men, 0.01% of women
#ecd876 Deuteranomaly 6% of men, 0.4% of women
#d9daac Tritanomaly 0.01% of the population

#cde348 hex color

#cde348 Color Information

#cde348 Color Conversion

Color Schemes with #cde348

Alternatives to #cde348

#cde348 Preview

Shades and Tints of #cde348

Tones of #cde348

Color Blindness Simulator