colorhexa.com

#caf280 hex color

In a RGB color space, hex #caf280 is composed of 79.2% red, 94.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 0% magenta, 47.1% yellow and 5.1% black. It has a hue angle of 81.1 degrees, a saturation of 81.4% and a lightness of 72.5%. #caf280 color hex could be obtained by blending #ffffff with #95e501. Closest websafe color is: #ccff99.

- R 79
- G 95
- B 50
RGB color chart
- C 17
- M 0
- Y 47
- K 5
CMYK color chart

● #caf280 color description : Soft green.

The hexadecimal color #caf280 has RGB values of R:202, G:242, B:128 and CMYK values of C:0.17, M:0, Y:0.47, K:0.05. Its decimal value is 13300352.

Hex triplet	caf280	`#caf280`
RGB Decimal	202, 242, 128	`rgb(202,242,128)`
RGB Percent	79.2, 94.9, 50.2	`rgb(79.2%,94.9%,50.2%)`
CMYK	17, 0, 47, 5
HSL	81.1°, 81.4, 72.5	`hsl(81.1,81.4%,72.5%)`
HSV (or HSB)	81.1°, 47.1, 94.9
Web Safe	ccff99	`#ccff99`

CIE-LAB	90.606, -30.579, 50.497
XYZ	60.004, 77.619, 32.242
xyY	0.353, 0.457, 77.619
CIE-LCH	90.606, 59.034, 121.197
CIE-LUV	90.606, -19.019, 71.235
Hunter-Lab	88.101, -32.604, 39.973
Binary	11001010, 11110010, 10000000

#caf280
```
#caf280 rgb(202,242,128)
```
#a880f2
```
#a880f2 rgb(168,128,242)
```

Complementary Color

#f2e180
```
#f2e180 rgb(242,225,128)
```
#caf280
```
#caf280 rgb(202,242,128)
```
#91f280
```
#91f280 rgb(145,242,128)
```

Analogous Color

#e180f2
```
#e180f2 rgb(225,128,242)
```
#caf280
```
#caf280 rgb(202,242,128)
```
#8091f2
```
#8091f2 rgb(128,145,242)
```

Split Complementary Color

#f280ca
```
#f280ca rgb(242,128,202)
```
#caf280
```
#caf280 rgb(202,242,128)
```
#80caf2
```
#80caf2 rgb(128,202,242)
```

Triadic Color

#f2a880
```
#f2a880 rgb(242,168,128)
```
#caf280
```
#caf280 rgb(202,242,128)
```
#80caf2
```
#80caf2 rgb(128,202,242)
```
#a880f2
```
#a880f2 rgb(168,128,242)
```

Tetradic Color

#adeb3b
```
#adeb3b rgb(173,235,59)
```
#b7ed52
```
#b7ed52 rgb(183,237,82)
```
#c0f069
```
#c0f069 rgb(192,240,105)
```
#caf280
```
#caf280 rgb(202,242,128)
```
#d4f497
```
#d4f497 rgb(212,244,151)
```
#ddf7ae
```
#ddf7ae rgb(221,247,174)
```
#e7f9c5
```
#e7f9c5 rgb(231,249,197)
```

Monochromatic Color

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

#e7f280
```
#e7f280 rgb(231,242,128)
```
#ddf280
```
#ddf280 rgb(221,242,128)
```
#d4f280
```
#d4f280 rgb(212,242,128)
```
#caf280
```
#caf280 rgb(202,242,128)
```
#c1f280
```
#c1f280 rgb(193,242,128)
```
#b7f280
```
#b7f280 rgb(183,242,128)
```
#aef280
```
#aef280 rgb(174,242,128)
```

Similar Colors

Text with hexadecimal color #caf280

This text has a font color of #caf280.

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

#caf280 background color

This paragraph has a background color of #caf280.

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

#caf280 border color

This element has a border color of #caf280.

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

CSS codes

.text {color:#caf280;}

.background {background-color:#caf280;}

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

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

#0b0f02
```
#0b0f02 rgb(11,15,2)
```
#172103
```
#172103 rgb(23,33,3)
```
#233305
```
#233305 rgb(35,51,5)
```
#2f4507
```
#2f4507 rgb(47,69,7)
```
#3b5709
```
#3b5709 rgb(59,87,9)
```
#47680b
```
#47680b rgb(71,104,11)
```
#547a0d
```
#547a0d rgb(84,122,13)
```
#608c0e
```
#608c0e rgb(96,140,14)
```
#6c9e10
```
#6c9e10 rgb(108,158,16)
```
#78af12
```
#78af12 rgb(120,175,18)
```
#84c114
```
#84c114 rgb(132,193,20)
```
#91d316
```
#91d316 rgb(145,211,22)
```
#9de517
```
#9de517 rgb(157,229,23)
```

Shade Color Variation

#a5e927
```
#a5e927 rgb(165,233,39)
```
#aceb39
```
#aceb39 rgb(172,235,57)
```
#b4ed4b
```
#b4ed4b rgb(180,237,75)
```
#bbee5c
```
#bbee5c rgb(187,238,92)
```
#c3f06e
```
#c3f06e rgb(195,240,110)
```
#caf280
```
#caf280 rgb(202,242,128)
```
#d1f492
```
#d1f492 rgb(209,244,146)
```
#d9f6a4
```
#d9f6a4 rgb(217,246,164)
```
#e0f7b5
```
#e0f7b5 rgb(224,247,181)
```
#e8f9c7
```
#e8f9c7 rgb(232,249,199)
```
#effbd9
```
#effbd9 rgb(239,251,217)
```
#f7fdeb
```
#f7fdeb rgb(247,253,235)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#babcb6
```
#babcb6 rgb(186,188,182)
```
#bcc2b0
```
#bcc2b0 rgb(188,194,176)
```
#bdc7ab
```
#bdc7ab rgb(189,199,171)
```
#bfcca6
```
#bfcca6 rgb(191,204,166)
```
#c0d2a0
```
#c0d2a0 rgb(192,210,160)
```
#c2d79b
```
#c2d79b rgb(194,215,155)
```
#c4dc96
```
#c4dc96 rgb(196,220,150)
```
#c5e290
```
#c5e290 rgb(197,226,144)
```
#c7e78b
```
#c7e78b rgb(199,231,139)
```
#c8ed85
```
#c8ed85 rgb(200,237,133)
```
#caf280
```
#caf280 rgb(202,242,128)
```
#ccf77b
```
#ccf77b rgb(204,247,123)
```
#cdfd75
```
#cdfd75 rgb(205,253,117)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d6dec7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbe582 Protanopia 1% of men
#ffe0bf Deuteranopia 1% of men
#dde5f6 Tritanopia 0.001% of the population

Trichromacy

#e9ea81 Protanomaly 1% of men, 0.01% of women
#ebe6a8 Deuteranomaly 6% of men, 0.4% of women
#d6eacb Tritanomaly 0.01% of the population