#caf34c hex color

In a RGB color space, hex #caf34c is composed of 79.2% red, 95.3% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 0% magenta, 68.7% yellow and 4.7% black. It has a hue angle of 74.7 degrees, a saturation of 87.4% and a lightness of 62.5%. #caf34c color hex could be obtained by blending #ffff98 with #95e700. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 79
- G 95
- B 30
RGB color chart
- C 17
- M 0
- Y 69
- K 5
CMYK color chart

● #caf34c color description : Soft yellow.

The hexadecimal color #caf34c has RGB values of R:202, G:243, B:76 and CMYK values of C:0.17, M:0, Y:0.69, K:0.05. Its decimal value is 13300556.

Hex triplet	caf34c	`#caf34c`
RGB Decimal	202, 243, 76	`rgb(202,243,76)`
RGB Percent	79.2, 95.3, 29.8	`rgb(79.2%,95.3%,29.8%)`
CMYK	17, 0, 69, 5
HSL	74.7°, 87.4, 62.5	`hsl(74.7,87.4%,62.5%)`
HSV (or HSB)	74.7°, 68.7, 95.3
Web Safe	ccff33	`#ccff33`

CIE-LAB	90.404, -35.244, 72.297
XYZ	57.711, 77.179, 18.694
xyY	0.376, 0.503, 77.179
CIE-LCH	90.404, 80.43, 115.989
CIE-LUV	90.404, -19.136, 91.629
Hunter-Lab	87.852, -36.48, 48.88
Binary	11001010, 11110011, 01001100

#caf34c
```
#caf34c rgb(202,243,76)
```
#754cf3
```
#754cf3 rgb(117,76,243)
```

Complementary Color

#f3c94c
```
#f3c94c rgb(243,201,76)
```
#caf34c
```
#caf34c rgb(202,243,76)
```
#77f34c
```
#77f34c rgb(119,243,76)
```

Analogous Color

#c94cf3
```
#c94cf3 rgb(201,76,243)
```
#caf34c
```
#caf34c rgb(202,243,76)
```
#4c77f3
```
#4c77f3 rgb(76,119,243)
```

Split Complementary Color

#f34cca
```
#f34cca rgb(243,76,202)
```
#caf34c
```
#caf34c rgb(202,243,76)
```
#4ccaf3
```
#4ccaf3 rgb(76,202,243)
```

Triadic Color

#f3754c
```
#f3754c rgb(243,117,76)
```
#caf34c
```
#caf34c rgb(202,243,76)
```
#4ccaf3
```
#4ccaf3 rgb(76,202,243)
```
#754cf3
```
#754cf3 rgb(117,76,243)
```

Tetradic Color

#afe30f
```
#afe30f rgb(175,227,15)
```
#bcf01c
```
#bcf01c rgb(188,240,28)
```
#c3f134
```
#c3f134 rgb(195,241,52)
```
#caf34c
```
#caf34c rgb(202,243,76)
```
#d1f564
```
#d1f564 rgb(209,245,100)
```
#d8f67c
```
#d8f67c rgb(216,246,124)
```
#dff894
```
#dff894 rgb(223,248,148)
```

Monochromatic Color

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

#f3f24c
```
#f3f24c rgb(243,242,76)
```
#e6f34c
```
#e6f34c rgb(230,243,76)
```
#d8f34c
```
#d8f34c rgb(216,243,76)
```
#caf34c
```
#caf34c rgb(202,243,76)
```
#bcf34c
```
#bcf34c rgb(188,243,76)
```
#aef34c
```
#aef34c rgb(174,243,76)
```
#a0f34c
```
#a0f34c rgb(160,243,76)
```

Similar Colors

Text with hexadecimal color #caf34c

This text has a font color of #caf34c.

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

#caf34c background color

This paragraph has a background color of #caf34c.

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

#caf34c border color

This element has a border color of #caf34c.

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

CSS codes

.text {color:#caf34c;}

.background {background-color:#caf34c;}

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

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

#040500
```
#040500 rgb(4,5,0)
```
#121702
```
#121702 rgb(18,23,2)
```
#202a03
```
#202a03 rgb(32,42,3)
```
#2e3c04
```
#2e3c04 rgb(46,60,4)
```
#3c4e05
```
#3c4e05 rgb(60,78,5)
```
#4b6106
```
#4b6106 rgb(75,97,6)
```
#597308
```
#597308 rgb(89,115,8)
```
#678609
```
#678609 rgb(103,134,9)
```
#75980a
```
#75980a rgb(117,152,10)
```
#83aa0b
```
#83aa0b rgb(131,170,11)
```
#91bd0d
```
#91bd0d rgb(145,189,13)
```
#a0cf0e
```
#a0cf0e rgb(160,207,14)
```
#aee10f
```
#aee10f rgb(174,225,15)
```

Shade Color Variation

#baef15
```
#baef15 rgb(186,239,21)
```
#bff127
```
#bff127 rgb(191,241,39)
```
#c5f23a
```
#c5f23a rgb(197,242,58)
```
#caf34c
```
#caf34c rgb(202,243,76)
```
#cff45e
```
#cff45e rgb(207,244,94)
```
#d5f571
```
#d5f571 rgb(213,245,113)
```
#daf783
```
#daf783 rgb(218,247,131)
```
#e0f896
```
#e0f896 rgb(224,248,150)
```
#e5f9a8
```
#e5f9a8 rgb(229,249,168)
```
#ebfaba
```
#ebfaba rgb(235,250,186)
```
#f0fccd
```
#f0fccd rgb(240,252,205)
```
#f6fddf
```
#f6fddf rgb(246,253,223)
```
#fbfef1
```
#fbfef1 rgb(251,254,241)
```

Tint Color Variation

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

#a1a29d
```
#a1a29d rgb(161,162,157)
```
#a5aa95
```
#a5aa95 rgb(165,170,149)
```
#a8b18e
```
#a8b18e rgb(168,177,142)
```
#acb887
```
#acb887 rgb(172,184,135)
```
#b0c07f
```
#b0c07f rgb(176,192,127)
```
#b4c778
```
#b4c778 rgb(180,199,120)
```
#b7ce71
```
#b7ce71 rgb(183,206,113)
```
#bbd669
```
#bbd669 rgb(187,214,105)
```
#bfdd62
```
#bfdd62 rgb(191,221,98)
```
#c3e45b
```
#c3e45b rgb(195,228,91)
```
#c6ec53
```
#c6ec53 rgb(198,236,83)
```
#caf34c
```
#caf34c rgb(202,243,76)
```
#cefa45
```
#cefa45 rgb(206,250,69)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d2dab9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe552 Protanopia 1% of men
#ffe0b9 Deuteranopia 1% of men
#e0e4f4 Tritanopia 0.001% of the population

Trichromacy

#ebea50 Protanomaly 1% of men, 0.01% of women
#ebe791 Deuteranomaly 6% of men, 0.4% of women
#d8e9b7 Tritanomaly 0.01% of the population

#caf34c hex color

#caf34c Color Information

#caf34c Color Conversion

Color Schemes with #caf34c

Alternatives to #caf34c

#caf34c Preview

Shades and Tints of #caf34c

Tones of #caf34c

Color Blindness Simulator