#afd548 hex color

In a RGB color space, hex #afd548 is composed of 68.6% red, 83.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 66.2% yellow and 16.5% black. It has a hue angle of 76.2 degrees, a saturation of 62.7% and a lightness of 55.9%. #afd548 color hex could be obtained by blending #ffff90 with #5fab00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 84
- B 28
RGB color chart
- C 18
- M 0
- Y 66
- K 16
CMYK color chart

● #afd548 color description : Moderate green.

The hexadecimal color #afd548 has RGB values of R:175, G:213, B:72 and CMYK values of C:0.18, M:0, Y:0.66, K:0.16. Its decimal value is 11523400.

Hex triplet	afd548	`#afd548`
RGB Decimal	175, 213, 72	`rgb(175,213,72)`
RGB Percent	68.6, 83.5, 28.2	`rgb(68.6%,83.5%,28.2%)`
CMYK	18, 0, 66, 16
HSL	76.2°, 62.7, 55.9	`hsl(76.2,62.7%,55.9%)`
HSV (or HSB)	76.2°, 66.2, 83.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	80.275, -32.208, 62.884
XYZ	42.643, 57.17, 14.919
xyY	0.372, 0.498, 57.17
CIE-LCH	80.275, 70.653, 117.121
CIE-LUV	80.275, -18.087, 79.488
Hunter-Lab	75.611, -31.649, 41.229
Binary	10101111, 11010101, 01001000

#afd548
```
#afd548 rgb(175,213,72)
```
#6e48d5
```
#6e48d5 rgb(110,72,213)
```

Complementary Color

#d5b548
```
#d5b548 rgb(213,181,72)
```
#afd548
```
#afd548 rgb(175,213,72)
```
#69d548
```
#69d548 rgb(105,213,72)
```

Analogous Color

#b548d5
```
#b548d5 rgb(181,72,213)
```
#afd548
```
#afd548 rgb(175,213,72)
```
#4869d5
```
#4869d5 rgb(72,105,213)
```

Split Complementary Color

#d548af
```
#d548af rgb(213,72,175)
```
#afd548
```
#afd548 rgb(175,213,72)
```
#48afd5
```
#48afd5 rgb(72,175,213)
```

Triadic Color

#d56e48
```
#d56e48 rgb(213,110,72)
```
#afd548
```
#afd548 rgb(175,213,72)
```
#48afd5
```
#48afd5 rgb(72,175,213)
```
#6e48d5
```
#6e48d5 rgb(110,72,213)
```

Tetradic Color

#86aa27
```
#86aa27 rgb(134,170,39)
```
#97be2c
```
#97be2c rgb(151,190,44)
```
#a6d033
```
#a6d033 rgb(166,208,51)
```
#afd548
```
#afd548 rgb(175,213,72)
```
#b8da5d
```
#b8da5d rgb(184,218,93)
```
#c1df71
```
#c1df71 rgb(193,223,113)
```
#cae386
```
#cae386 rgb(202,227,134)
```

Monochromatic Color

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

#d2d548
```
#d2d548 rgb(210,213,72)
```
#c7d548
```
#c7d548 rgb(199,213,72)
```
#bbd548
```
#bbd548 rgb(187,213,72)
```
#afd548
```
#afd548 rgb(175,213,72)
```
#a3d548
```
#a3d548 rgb(163,213,72)
```
#98d548
```
#98d548 rgb(152,213,72)
```
#8cd548
```
#8cd548 rgb(140,213,72)
```

Similar Colors

Text with hexadecimal color #afd548

This text has a font color of #afd548.

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

#afd548 background color

This paragraph has a background color of #afd548.

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

#afd548 border color

This element has a border color of #afd548.

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

CSS codes

.text {color:#afd548;}

.background {background-color:#afd548;}

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

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

#070802
```
#070802 rgb(7,8,2)
```
#131806
```
#131806 rgb(19,24,6)
```
#202809
```
#202809 rgb(32,40,9)
```
#2d380d
```
#2d380d rgb(45,56,13)
```
#394811
```
#394811 rgb(57,72,17)
```
#465814
```
#465814 rgb(70,88,20)
```
#536818
```
#536818 rgb(83,104,24)
```
#5f781c
```
#5f781c rgb(95,120,28)
```
#6c881f
```
#6c881f rgb(108,136,31)
```
#789823
```
#789823 rgb(120,152,35)
```
#85a827
```
#85a827 rgb(133,168,39)
```
#92b82a
```
#92b82a rgb(146,184,42)
```
#9ec82e
```
#9ec82e rgb(158,200,46)
```

Shade Color Variation

#a8d138
```
#a8d138 rgb(168,209,56)
```
#afd548
```
#afd548 rgb(175,213,72)
```
#b6d958
```
#b6d958 rgb(182,217,88)
```
#bddc68
```
#bddc68 rgb(189,220,104)
```
#c4e078
```
#c4e078 rgb(196,224,120)
```
#cbe488
```
#cbe488 rgb(203,228,136)
```
#d2e798
```
#d2e798 rgb(210,231,152)
```
#d9eba8
```
#d9eba8 rgb(217,235,168)
```
#e0efb8
```
#e0efb8 rgb(224,239,184)
```
#e7f2c8
```
#e7f2c8 rgb(231,242,200)
```
#eef6d8
```
#eef6d8 rgb(238,246,216)
```
#f5fae8
```
#f5fae8 rgb(245,250,232)
```
#fcfdf7
```
#fcfdf7 rgb(252,253,247)
```

Tint Color Variation

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

#8f908d
```
#8f908d rgb(143,144,141)
```
#939885
```
#939885 rgb(147,152,133)
```
#97a17c
```
#97a17c rgb(151,161,124)
```
#9baa73
```
#9baa73 rgb(155,170,115)
```
#9fb26b
```
#9fb26b rgb(159,178,107)
```
#a3bb62
```
#a3bb62 rgb(163,187,98)
```
#a7c459
```
#a7c459 rgb(167,196,89)
```
#abcc51
```
#abcc51 rgb(171,204,81)
```
#afd548
```
#afd548 rgb(175,213,72)
```
#b3de3f
```
#b3de3f rgb(179,222,63)
```
#b7e637
```
#b7e637 rgb(183,230,55)
```
#bbef2e
```
#bbef2e rgb(187,239,46)
```
#bff825
```
#bff825 rgb(191,248,37)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b8bfa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0ca4d Protanopia 1% of men
#f8c05a Deuteranopia 1% of men
#c4cad8 Tritanopia 0.001% of the population

Trichromacy

#cece4b Protanomaly 1% of men, 0.01% of women
#ddc854 Deuteranomaly 6% of men, 0.4% of women
#bccea3 Tritanomaly 0.01% of the population

#afd548 hex color

#afd548 Color Information

#afd548 Color Conversion

Color Schemes with #afd548

Alternatives to #afd548

#afd548 Preview

Shades and Tints of #afd548

Tones of #afd548

Color Blindness Simulator