#afd125 hex color

In a RGB color space, hex #afd125 is composed of 68.6% red, 82% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 0% magenta, 82.3% yellow and 18% black. It has a hue angle of 71.9 degrees, a saturation of 69.9% and a lightness of 48.2%. #afd125 color hex could be obtained by blending #ffff4a with #5fa300. Closest websafe color is: #99cc33.

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

● #afd125 color description : Strong yellow.

The hexadecimal color #afd125 has RGB values of R:175, G:209, B:37 and CMYK values of C:0.16, M:0, Y:0.82, K:0.18. Its decimal value is 11522341.

Hex triplet	afd125	`#afd125`
RGB Decimal	175, 209, 37	`rgb(175,209,37)`
RGB Percent	68.6, 82, 14.5	`rgb(68.6%,82%,14.5%)`
CMYK	16, 0, 82, 18
HSL	71.9°, 69.9, 48.2	`hsl(71.9,69.9%,48.2%)`
HSV (or HSB)	71.9°, 82.3, 82
Web Safe	99cc33	`#99cc33`

CIE-LAB	78.954, -32.067, 72.92
XYZ	40.813, 54.848, 10.187
xyY	0.386, 0.518, 54.848
CIE-LCH	78.954, 79.659, 113.738
CIE-LUV	78.954, -15.653, 85.978
Hunter-Lab	74.06, -31.235, 43.686
Binary	10101111, 11010001, 00100101

#afd125
```
#afd125 rgb(175,209,37)
```
#4725d1
```
#4725d1 rgb(71,37,209)
```

Complementary Color

#d19d25
```
#d19d25 rgb(209,157,37)
```
#afd125
```
#afd125 rgb(175,209,37)
```
#59d125
```
#59d125 rgb(89,209,37)
```

Analogous Color

#9d25d1
```
#9d25d1 rgb(157,37,209)
```
#afd125
```
#afd125 rgb(175,209,37)
```
#2559d1
```
#2559d1 rgb(37,89,209)
```

Split Complementary Color

#d125af
```
#d125af rgb(209,37,175)
```
#afd125
```
#afd125 rgb(175,209,37)
```
#25afd1
```
#25afd1 rgb(37,175,209)
```

Triadic Color

#d14725
```
#d14725 rgb(209,71,37)
```
#afd125
```
#afd125 rgb(175,209,37)
```
#25afd1
```
#25afd1 rgb(37,175,209)
```
#4725d1
```
#4725d1 rgb(71,37,209)
```

Tetradic Color

#799019
```
#799019 rgb(121,144,25)
```
#8ba61d
```
#8ba61d rgb(139,166,29)
```
#9dbb21
```
#9dbb21 rgb(157,187,33)
```
#afd125
```
#afd125 rgb(175,209,37)
```
#badb34
```
#badb34 rgb(186,219,52)
```
#c2df4a
```
#c2df4a rgb(194,223,74)
```
#c9e360
```
#c9e360 rgb(201,227,96)
```

Monochromatic Color

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

#d1c825
```
#d1c825 rgb(209,200,37)
```
#ccd125
```
#ccd125 rgb(204,209,37)
```
#bdd125
```
#bdd125 rgb(189,209,37)
```
#afd125
```
#afd125 rgb(175,209,37)
```
#a1d125
```
#a1d125 rgb(161,209,37)
```
#92d125
```
#92d125 rgb(146,209,37)
```
#84d125
```
#84d125 rgb(132,209,37)
```

Similar Colors

Text with hexadecimal color #afd125

This text has a font color of #afd125.

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

#afd125 background color

This paragraph has a background color of #afd125.

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

#afd125 border color

This element has a border color of #afd125.

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

CSS codes

.text {color:#afd125;}

.background {background-color:#afd125;}

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

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

#080902
```
#080902 rgb(8,9,2)
```
#161a05
```
#161a05 rgb(22,26,5)
```
#232a07
```
#232a07 rgb(35,42,7)
```
#313b0a
```
#313b0a rgb(49,59,10)
```
#3f4c0d
```
#3f4c0d rgb(63,76,13)
```
#4d5c10
```
#4d5c10 rgb(77,92,16)
```
#5b6d13
```
#5b6d13 rgb(91,109,19)
```
#697e16
```
#697e16 rgb(105,126,22)
```
#778e19
```
#778e19 rgb(119,142,25)
```
#859f1c
```
#859f1c rgb(133,159,28)
```
#93b01f
```
#93b01f rgb(147,176,31)
```
#a1c022
```
#a1c022 rgb(161,192,34)
```
#afd125
```
#afd125 rgb(175,209,37)
```

Shade Color Variation

#b8da2f
```
#b8da2f rgb(184,218,47)
```
#bedd40
```
#bedd40 rgb(190,221,64)
```
#c4e051
```
#c4e051 rgb(196,224,81)
```
#c9e361
```
#c9e361 rgb(201,227,97)
```
#cfe672
```
#cfe672 rgb(207,230,114)
```
#d5e983
```
#d5e983 rgb(213,233,131)
```
#daec93
```
#daec93 rgb(218,236,147)
```
#e0efa4
```
#e0efa4 rgb(224,239,164)
```
#e6f2b5
```
#e6f2b5 rgb(230,242,181)
```
#ebf5c5
```
#ebf5c5 rgb(235,245,197)
```
#f1f8d6
```
#f1f8d6 rgb(241,248,214)
```
#f7fbe7
```
#f7fbe7 rgb(247,251,231)
```
#fcfef7
```
#fcfef7 rgb(252,254,247)
```

Tint Color Variation

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

#7c7c7a
```
#7c7c7a rgb(124,124,122)
```
#818571
```
#818571 rgb(129,133,113)
```
#878f67
```
#878f67 rgb(135,143,103)
```
#8d985e
```
#8d985e rgb(141,152,94)
```
#92a254
```
#92a254 rgb(146,162,84)
```
#98ab4b
```
#98ab4b rgb(152,171,75)
```
#9eb541
```
#9eb541 rgb(158,181,65)
```
#a4be38
```
#a4be38 rgb(164,190,56)
```
#a9c82e
```
#a9c82e rgb(169,200,46)
```
#afd125
```
#afd125 rgb(175,209,37)
```
#b5da1c
```
#b5da1c rgb(181,218,28)
```
#bae412
```
#bae412 rgb(186,228,18)
```
#c0ed09
```
#c0ed09 rgb(192,237,9)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b2b997 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec62c Protanopia 1% of men
#f6bd3e Deuteranopia 1% of men
#c4c5d3 Tritanopia 0.001% of the population

Trichromacy

#cdca2a Protanomaly 1% of men, 0.01% of women
#dcc435 Deuteranomaly 6% of men, 0.4% of women
#bcc994 Tritanomaly 0.01% of the population

#afd125 hex color

#afd125 Color Information

#afd125 Color Conversion

Color Schemes with #afd125

Alternatives to #afd125

#afd125 Preview

Shades and Tints of #afd125

Tones of #afd125

Color Blindness Simulator