#cae345 hex color

In a RGB color space, hex #cae345 is composed of 79.2% red, 89% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 11% cyan, 0% magenta, 69.6% yellow and 11% black. It has a hue angle of 69.5 degrees, a saturation of 73.8% and a lightness of 58%. #cae345 color hex could be obtained by blending #ffff8a with #95c700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 79
- G 89
- B 27
RGB color chart
- C 11
- M 0
- Y 70
- K 11
CMYK color chart

● #cae345 color description : Soft yellow.

The hexadecimal color #cae345 has RGB values of R:202, G:227, B:69 and CMYK values of C:0.11, M:0, Y:0.7, K:0.11. Its decimal value is 13296453.

Hex triplet	cae345	`#cae345`
RGB Decimal	202, 227, 69	`rgb(202,227,69)`
RGB Percent	79.2, 89, 27.1	`rgb(79.2%,89%,27.1%)`
CMYK	11, 0, 70, 11
HSL	69.5°, 73.8, 58	`hsl(69.5,73.8%,58%)`
HSV (or HSB)	69.5°, 69.6, 89
Web Safe	cccc33	`#cccc33`

CIE-LAB	85.969, -28.235, 70.37
XYZ	52.9, 67.924, 15.954
xyY	0.387, 0.497, 67.924
CIE-LCH	85.969, 75.823, 111.863
CIE-LUV	85.969, -9.889, 86.799
Hunter-Lab	82.416, -29.656, 46.214
Binary	11001010, 11100011, 01000101

#cae345
```
#cae345 rgb(202,227,69)
```
#5e45e3
```
#5e45e3 rgb(94,69,227)
```

Complementary Color

#e3ad45
```
#e3ad45 rgb(227,173,69)
```
#cae345
```
#cae345 rgb(202,227,69)
```
#7be345
```
#7be345 rgb(123,227,69)
```

Analogous Color

#ad45e3
```
#ad45e3 rgb(173,69,227)
```
#cae345
```
#cae345 rgb(202,227,69)
```
#457be3
```
#457be3 rgb(69,123,227)
```

Split Complementary Color

#e345ca
```
#e345ca rgb(227,69,202)
```
#cae345
```
#cae345 rgb(202,227,69)
```
#45cae3
```
#45cae3 rgb(69,202,227)
```

Triadic Color

#e35e45
```
#e35e45 rgb(227,94,69)
```
#cae345
```
#cae345 rgb(202,227,69)
```
#45cae3
```
#45cae3 rgb(69,202,227)
```
#5e45e3
```
#5e45e3 rgb(94,69,227)
```

Tetradic Color

#a5bf1d
```
#a5bf1d rgb(165,191,29)
```
#b8d520
```
#b8d520 rgb(184,213,32)
```
#c4e02f
```
#c4e02f rgb(196,224,47)
```
#cae345
```
#cae345 rgb(202,227,69)
```
#d0e65b
```
#d0e65b rgb(208,230,91)
```
#d7ea71
```
#d7ea71 rgb(215,234,113)
```
#dded87
```
#dded87 rgb(221,237,135)
```

Monochromatic Color

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

#e3d545
```
#e3d545 rgb(227,213,69)
```
#e3e245
```
#e3e245 rgb(227,226,69)
```
#d7e345
```
#d7e345 rgb(215,227,69)
```
#cae345
```
#cae345 rgb(202,227,69)
```
#bde345
```
#bde345 rgb(189,227,69)
```
#b0e345
```
#b0e345 rgb(176,227,69)
```
#a3e345
```
#a3e345 rgb(163,227,69)
```

Similar Colors

Text with hexadecimal color #cae345

This text has a font color of #cae345.

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

#cae345 background color

This paragraph has a background color of #cae345.

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

#cae345 border color

This element has a border color of #cae345.

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

CSS codes

.text {color:#cae345;}

.background {background-color:#cae345;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#101303
```
#101303 rgb(16,19,3)
```
#1f2405
```
#1f2405 rgb(31,36,5)
```
#2e3508
```
#2e3508 rgb(46,53,8)
```
#3c460a
```
#3c460a rgb(60,70,10)
```
#4b570d
```
#4b570d rgb(75,87,13)
```
#5a6810
```
#5a6810 rgb(90,104,16)
```
#697912
```
#697912 rgb(105,121,18)
```
#778a15
```
#778a15 rgb(119,138,21)
```
#869b17
```
#869b17 rgb(134,155,23)
```
#95ac1a
```
#95ac1a rgb(149,172,26)
```
#a4bd1c
```
#a4bd1c rgb(164,189,28)
```
#b2ce1f
```
#b2ce1f rgb(178,206,31)
```

Shade Color Variation

#c0de23
```
#c0de23 rgb(192,222,35)
```
#c5e034
```
#c5e034 rgb(197,224,52)
```
#cae345
```
#cae345 rgb(202,227,69)
```
#cfe656
```
#cfe656 rgb(207,230,86)
```
#d4e867
```
#d4e867 rgb(212,232,103)
```
#d9eb78
```
#d9eb78 rgb(217,235,120)
```
#dded89
```
#dded89 rgb(221,237,137)
```
#e2f09a
```
#e2f09a rgb(226,240,154)
```
#e7f2ab
```
#e7f2ab rgb(231,242,171)
```
#ecf5bc
```
#ecf5bc rgb(236,245,188)
```
#f1f8cd
```
#f1f8cd rgb(241,248,205)
```
#f6fade
```
#f6fade rgb(246,250,222)
```
#fbfdef
```
#fbfdef rgb(251,253,239)
```

Tint Color Variation

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

#97998f
```
#97998f rgb(151,153,143)
```
#9da187
```
#9da187 rgb(157,161,135)
```
#a3a97f
```
#a3a97f rgb(163,169,127)
```
#a8b276
```
#a8b276 rgb(168,178,118)
```
#aeba6e
```
#aeba6e rgb(174,186,110)
```
#b3c266
```
#b3c266 rgb(179,194,102)
```
#b9ca5e
```
#b9ca5e rgb(185,202,94)
```
#bfd355
```
#bfd355 rgb(191,211,85)
```
#c4db4d
```
#c4db4d rgb(196,219,77)
```
#cae345
```
#cae345 rgb(202,227,69)
```
#d0eb3d
```
#d0eb3d rgb(208,235,61)
```
#d5f335
```
#d5f335 rgb(213,243,53)
```
#dbfc2c
```
#dbfc2c rgb(219,252,44)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#cacfaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d94b Protanopia 1% of men
#ffd18e Deuteranopia 1% of men
#ddd6e5 Tritanopia 0.001% of the population

Trichromacy

#e3dc49 Protanomaly 1% of men, 0.01% of women
#ebd874 Deuteranomaly 6% of men, 0.4% of women
#d6daab Tritanomaly 0.01% of the population

#cae345 hex color

#cae345 Color Information

#cae345 Color Conversion

Color Schemes with #cae345

Alternatives to #cae345

#cae345 Preview

Shades and Tints of #cae345

Tones of #cae345

Color Blindness Simulator