#cae685 hex color

In a RGB color space, hex #cae685 is composed of 79.2% red, 90.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 12.2% cyan, 0% magenta, 42.2% yellow and 9.8% black. It has a hue angle of 77.3 degrees, a saturation of 66% and a lightness of 71.2%. #cae685 color hex could be obtained by blending #ffffff with #95cd0b. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 79
- G 90
- B 52
RGB color chart
- C 12
- M 0
- Y 42
- K 10
CMYK color chart

● #cae685 color description : Very soft green.

The hexadecimal color #cae685 has RGB values of R:202, G:230, B:133 and CMYK values of C:0.12, M:0, Y:0.42, K:0.1. Its decimal value is 13297285.

Hex triplet	cae685	`#cae685`
RGB Decimal	202, 230, 133	`rgb(202,230,133)`
RGB Percent	79.2, 90.2, 52.2	`rgb(79.2%,90.2%,52.2%)`
CMYK	12, 0, 42, 10
HSL	77.3°, 66, 71.2	`hsl(77.3,66%,71.2%)`
HSV (or HSB)	77.3°, 42.2, 90.2
Web Safe	ccff99	`#ccff99`

CIE-LAB	87.409, -24.361, 44.13
XYZ	56.886, 70.843, 32.866
xyY	0.354, 0.441, 70.843
CIE-LCH	87.409, 50.407, 118.9
CIE-LUV	87.409, -12.546, 62.586
Hunter-Lab	84.168, -26.653, 35.766
Binary	11001010, 11100110, 10000101

#cae685
```
#cae685 rgb(202,230,133)
```
#a185e6
```
#a185e6 rgb(161,133,230)
```

Complementary Color

#e6d285
```
#e6d285 rgb(230,210,133)
```
#cae685
```
#cae685 rgb(202,230,133)
```
#9ae685
```
#9ae685 rgb(154,230,133)
```

Analogous Color

#d285e6
```
#d285e6 rgb(210,133,230)
```
#cae685
```
#cae685 rgb(202,230,133)
```
#859ae6
```
#859ae6 rgb(133,154,230)
```

Split Complementary Color

#e685ca
```
#e685ca rgb(230,133,202)
```
#cae685
```
#cae685 rgb(202,230,133)
```
#85cae6
```
#85cae6 rgb(133,202,230)
```

Triadic Color

#e6a185
```
#e6a185 rgb(230,161,133)
```
#cae685
```
#cae685 rgb(202,230,133)
```
#85cae6
```
#85cae6 rgb(133,202,230)
```
#a185e6
```
#a185e6 rgb(161,133,230)
```

Tetradic Color

#aed946
```
#aed946 rgb(174,217,70)
```
#b8dd5b
```
#b8dd5b rgb(184,221,91)
```
#c1e270
```
#c1e270 rgb(193,226,112)
```
#cae685
```
#cae685 rgb(202,230,133)
```
#d3ea9a
```
#d3ea9a rgb(211,234,154)
```
#dcefaf
```
#dcefaf rgb(220,239,175)
```
#e6f3c4
```
#e6f3c4 rgb(230,243,196)
```

Monochromatic Color

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

#e2e685
```
#e2e685 rgb(226,230,133)
```
#dae685
```
#dae685 rgb(218,230,133)
```
#d2e685
```
#d2e685 rgb(210,230,133)
```
#cae685
```
#cae685 rgb(202,230,133)
```
#c2e685
```
#c2e685 rgb(194,230,133)
```
#bae685
```
#bae685 rgb(186,230,133)
```
#b2e685
```
#b2e685 rgb(178,230,133)
```

Similar Colors

Text with hexadecimal color #cae685

This text has a font color of #cae685.

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

#cae685 background color

This paragraph has a background color of #cae685.

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

#cae685 border color

This element has a border color of #cae685.

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

CSS codes

.text {color:#cae685;}

.background {background-color:#cae685;}

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

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

#060802
```
#060802 rgb(6,8,2)
```
#131905
```
#131905 rgb(19,25,5)
```
#1f2908
```
#1f2908 rgb(31,41,8)
```
#2c390c
```
#2c390c rgb(44,57,12)
```
#39490f
```
#39490f rgb(57,73,15)
```
#455a12
```
#455a12 rgb(69,90,18)
```
#526a16
```
#526a16 rgb(82,106,22)
```
#5e7a19
```
#5e7a19 rgb(94,122,25)
```
#6b8a1c
```
#6b8a1c rgb(107,138,28)
```
#779b20
```
#779b20 rgb(119,155,32)
```
#84ab23
```
#84ab23 rgb(132,171,35)
```
#90bb26
```
#90bb26 rgb(144,187,38)
```
#9dcc2a
```
#9dcc2a rgb(157,204,42)
```

Shade Color Variation

#a7d534
```
#a7d534 rgb(167,213,52)
```
#aed944
```
#aed944 rgb(174,217,68)
```
#b5dc54
```
#b5dc54 rgb(181,220,84)
```
#bcdf64
```
#bcdf64 rgb(188,223,100)
```
#c3e375
```
#c3e375 rgb(195,227,117)
```
#cae685
```
#cae685 rgb(202,230,133)
```
#d1e995
```
#d1e995 rgb(209,233,149)
```
#d8eda6
```
#d8eda6 rgb(216,237,166)
```
#dff0b6
```
#dff0b6 rgb(223,240,182)
```
#e6f3c6
```
#e6f3c6 rgb(230,243,198)
```
#edf7d6
```
#edf7d6 rgb(237,247,214)
```
#f4fae7
```
#f4fae7 rgb(244,250,231)
```
#fcfdf7
```
#fcfdf7 rgb(252,253,247)
```

Tint Color Variation

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

#b7b9b2
```
#b7b9b2 rgb(183,185,178)
```
#b9bead
```
#b9bead rgb(185,190,173)
```
#bcc4a7
```
#bcc4a7 rgb(188,196,167)
```
#becaa1
```
#becaa1 rgb(190,202,161)
```
#c0cf9c
```
#c0cf9c rgb(192,207,156)
```
#c3d596
```
#c3d596 rgb(195,213,150)
```
#c5db90
```
#c5db90 rgb(197,219,144)
```
#c8e08b
```
#c8e08b rgb(200,224,139)
```
#cae685
```
#cae685 rgb(202,230,133)
```
#ccec7f
```
#ccec7f rgb(204,236,127)
```
#cff17a
```
#cff17a rgb(207,241,122)
```
#d1f774
```
#d1f774 rgb(209,247,116)
```
#d4fd6e
```
#d4fd6e rgb(212,253,110)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#d1d7c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1dc87 Protanopia 1% of men
#ffd5a7 Deuteranopia 1% of men
#dbdbeb Tritanopia 0.001% of the population

Trichromacy

#e2e086 Protanomaly 1% of men, 0.01% of women
#ebdb9b Deuteranomaly 6% of men, 0.4% of women
#d4dfc6 Tritanomaly 0.01% of the population

#cae685 hex color

#cae685 Color Information

#cae685 Color Conversion

Color Schemes with #cae685

Alternatives to #cae685

#cae685 Preview

Shades and Tints of #cae685

Tones of #cae685

Color Blindness Simulator