#caf645 hex color

In a RGB color space, hex #caf645 is composed of 79.2% red, 96.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 17.9% cyan, 0% magenta, 72% yellow and 3.5% black. It has a hue angle of 74.9 degrees, a saturation of 90.8% and a lightness of 61.8%. #caf645 color hex could be obtained by blending #ffff8a with #95ed00. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 79
- G 96
- B 27
RGB color chart
- C 18
- M 0
- Y 72
- K 4
CMYK color chart

● #caf645 color description : Bright yellow.

The hexadecimal color #caf645 has RGB values of R:202, G:246, B:69 and CMYK values of C:0.18, M:0, Y:0.72, K:0.04. Its decimal value is 13301317.

Hex triplet	caf645	`#caf645`
RGB Decimal	202, 246, 69	`rgb(202,246,69)`
RGB Percent	79.2, 96.5, 27.1	`rgb(79.2%,96.5%,27.1%)`
CMYK	18, 0, 72, 4
HSL	74.9°, 90.8, 61.8	`hsl(74.9,90.8%,61.8%)`
HSV (or HSB)	74.9°, 72, 96.5
Web Safe	ccff33	`#ccff33`

CIE-LAB	91.188, -36.978, 75.484
XYZ	58.386, 78.897, 17.783
xyY	0.377, 0.509, 78.897
CIE-LCH	91.188, 84.055, 116.099
CIE-LUV	91.188, -20.772, 94.72
Hunter-Lab	88.824, -38.109, 50.307
Binary	11001010, 11110110, 01000101

#caf645
```
#caf645 rgb(202,246,69)
```
#7145f6
```
#7145f6 rgb(113,69,246)
```

Complementary Color

#f6ca45
```
#f6ca45 rgb(246,202,69)
```
#caf645
```
#caf645 rgb(202,246,69)
```
#72f645
```
#72f645 rgb(114,246,69)
```

Analogous Color

#ca45f6
```
#ca45f6 rgb(202,69,246)
```
#caf645
```
#caf645 rgb(202,246,69)
```
#4572f6
```
#4572f6 rgb(69,114,246)
```

Split Complementary Color

#f645ca
```
#f645ca rgb(246,69,202)
```
#caf645
```
#caf645 rgb(202,246,69)
```
#45caf6
```
#45caf6 rgb(69,202,246)
```

Triadic Color

#f67145
```
#f67145 rgb(246,113,69)
```
#caf645
```
#caf645 rgb(202,246,69)
```
#45caf6
```
#45caf6 rgb(69,202,246)
```
#7145f6
```
#7145f6 rgb(113,69,246)
```

Tetradic Color

#aee30b
```
#aee30b rgb(174,227,11)
```
#bcf414
```
#bcf414 rgb(188,244,20)
```
#c3f52d
```
#c3f52d rgb(195,245,45)
```
#caf645
```
#caf645 rgb(202,246,69)
```
#d1f75d
```
#d1f75d rgb(209,247,93)
```
#d8f876
```
#d8f876 rgb(216,248,118)
```
#dffa8e
```
#dffa8e rgb(223,250,142)
```

Monochromatic Color

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

#f6f645
```
#f6f645 rgb(246,246,69)
```
#e8f645
```
#e8f645 rgb(232,246,69)
```
#d9f645
```
#d9f645 rgb(217,246,69)
```
#caf645
```
#caf645 rgb(202,246,69)
```
#bbf645
```
#bbf645 rgb(187,246,69)
```
#adf645
```
#adf645 rgb(173,246,69)
```
#9ef645
```
#9ef645 rgb(158,246,69)
```

Similar Colors

Text with hexadecimal color #caf645

This text has a font color of #caf645.

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

#caf645 background color

This paragraph has a background color of #caf645.

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

#caf645 border color

This element has a border color of #caf645.

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

CSS codes

.text {color:#caf645;}

.background {background-color:#caf645;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f1401
```
#0f1401 rgb(15,20,1)
```
#1d2702
```
#1d2702 rgb(29,39,2)
```
#2c3903
```
#2c3903 rgb(44,57,3)
```
#3a4c04
```
#3a4c04 rgb(58,76,4)
```
#485f05
```
#485f05 rgb(72,95,5)
```
#577105
```
#577105 rgb(87,113,5)
```
#658406
```
#658406 rgb(101,132,6)
```
#739707
```
#739707 rgb(115,151,7)
```
#81a908
```
#81a908 rgb(129,169,8)
```
#90bc09
```
#90bc09 rgb(144,188,9)
```
#9ecf0a
```
#9ecf0a rgb(158,207,10)
```
#ace20b
```
#ace20b rgb(172,226,11)
```

Shade Color Variation

#baf30d
```
#baf30d rgb(186,243,13)
```
#bff420
```
#bff420 rgb(191,244,32)
```
#c5f532
```
#c5f532 rgb(197,245,50)
```
#caf645
```
#caf645 rgb(202,246,69)
```
#cff758
```
#cff758 rgb(207,247,88)
```
#d5f86a
```
#d5f86a rgb(213,248,106)
```
#daf97d
```
#daf97d rgb(218,249,125)
```
#dffa90
```
#dffa90 rgb(223,250,144)
```
#e5fba3
```
#e5fba3 rgb(229,251,163)
```
#eafbb5
```
#eafbb5 rgb(234,251,181)
```
#effcc8
```
#effcc8 rgb(239,252,200)
```
#f5fddb
```
#f5fddb rgb(245,253,219)
```
#fafeed
```
#fafeed rgb(250,254,237)
```

Tint Color Variation

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

#a1a498
```
#a1a498 rgb(161,164,152)
```
#a4ab90
```
#a4ab90 rgb(164,171,144)
```
#a8b389
```
#a8b389 rgb(168,179,137)
```
#acba81
```
#acba81 rgb(172,186,129)
```
#b0c27a
```
#b0c27a rgb(176,194,122)
```
#b3c972
```
#b3c972 rgb(179,201,114)
```
#b7d16b
```
#b7d16b rgb(183,209,107)
```
#bbd863
```
#bbd863 rgb(187,216,99)
```
#bfe05c
```
#bfe05c rgb(191,224,92)
```
#c2e754
```
#c2e754 rgb(194,231,84)
```
#c6ef4d
```
#c6ef4d rgb(198,239,77)
```
#caf645
```
#caf645 rgb(202,246,69)
```
#cefe3e
```
#cefe3e rgb(206,254,62)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d3dcb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe76f Protanopia 1% of men
#ffe2bf Deuteranopia 1% of men
#e1e6f7 Tritanopia 0.001% of the population

Trichromacy

#ebec5f Protanomaly 1% of men, 0.01% of women
#ebe993 Deuteranomaly 6% of men, 0.4% of women
#d8ecb6 Tritanomaly 0.01% of the population

#caf645 hex color

#caf645 Color Information

#caf645 Color Conversion

Color Schemes with #caf645

Alternatives to #caf645

#caf645 Preview

Shades and Tints of #caf645

Tones of #caf645

Color Blindness Simulator