#afd145 hex color

In a RGB color space, hex #afd145 is composed of 68.6% red, 82% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 0% magenta, 67% yellow and 18% black. It has a hue angle of 74.6 degrees, a saturation of 60.3% and a lightness of 54.5%. #afd145 color hex could be obtained by blending #ffff8a with #5fa300. Closest websafe color is: #99cc33.

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

● #afd145 color description : Moderate yellow.

The hexadecimal color #afd145 has RGB values of R:175, G:209, B:69 and CMYK values of C:0.16, M:0, Y:0.67, K:0.18. Its decimal value is 11522373.

Hex triplet	afd145	`#afd145`
RGB Decimal	175, 209, 69	`rgb(175,209,69)`
RGB Percent	68.6, 82, 27.1	`rgb(68.6%,82%,27.1%)`
CMYK	16, 0, 67, 18
HSL	74.6°, 60.3, 54.5	`hsl(74.6,60.3%,54.5%)`
HSV (or HSB)	74.6°, 67, 82
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.124, -30.535, 62.859
XYZ	41.553, 55.144, 14.085
xyY	0.375, 0.498, 55.144
CIE-LCH	79.124, 69.883, 115.909
CIE-LUV	79.124, -15.823, 78.653
Hunter-Lab	74.259, -30.07, 40.736
Binary	10101111, 11010001, 01000101

#afd145
```
#afd145 rgb(175,209,69)
```
#6745d1
```
#6745d1 rgb(103,69,209)
```

Complementary Color

#d1ad45
```
#d1ad45 rgb(209,173,69)
```
#afd145
```
#afd145 rgb(175,209,69)
```
#69d145
```
#69d145 rgb(105,209,69)
```

Analogous Color

#ad45d1
```
#ad45d1 rgb(173,69,209)
```
#afd145
```
#afd145 rgb(175,209,69)
```
#4569d1
```
#4569d1 rgb(69,105,209)
```

Split Complementary Color

#d145af
```
#d145af rgb(209,69,175)
```
#afd145
```
#afd145 rgb(175,209,69)
```
#45afd1
```
#45afd1 rgb(69,175,209)
```

Triadic Color

#d16745
```
#d16745 rgb(209,103,69)
```
#afd145
```
#afd145 rgb(175,209,69)
```
#45afd1
```
#45afd1 rgb(69,175,209)
```
#6745d1
```
#6745d1 rgb(103,69,209)
```

Tetradic Color

#84a228
```
#84a228 rgb(132,162,40)
```
#95b62d
```
#95b62d rgb(149,182,45)
```
#a5ca32
```
#a5ca32 rgb(165,202,50)
```
#afd145
```
#afd145 rgb(175,209,69)
```
#b8d659
```
#b8d659 rgb(184,214,89)
```
#c1db6e
```
#c1db6e rgb(193,219,110)
```
#c9e082
```
#c9e082 rgb(201,224,130)
```

Monochromatic Color

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

#d1d045
```
#d1d045 rgb(209,208,69)
```
#c6d145
```
#c6d145 rgb(198,209,69)
```
#bbd145
```
#bbd145 rgb(187,209,69)
```
#afd145
```
#afd145 rgb(175,209,69)
```
#a3d145
```
#a3d145 rgb(163,209,69)
```
#98d145
```
#98d145 rgb(152,209,69)
```
#8cd145
```
#8cd145 rgb(140,209,69)
```

Similar Colors

Text with hexadecimal color #afd145

This text has a font color of #afd145.

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

#afd145 background color

This paragraph has a background color of #afd145.

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

#afd145 border color

This element has a border color of #afd145.

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

CSS codes

.text {color:#afd145;}

.background {background-color:#afd145;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0f1205
```
#0f1205 rgb(15,18,5)
```
#1c2208
```
#1c2208 rgb(28,34,8)
```
#29320c
```
#29320c rgb(41,50,12)
```
#364210
```
#364210 rgb(54,66,16)
```
#425114
```
#425114 rgb(66,81,20)
```
#4f6118
```
#4f6118 rgb(79,97,24)
```
#5c711c
```
#5c711c rgb(92,113,28)
```
#698120
```
#698120 rgb(105,129,32)
```
#769024
```
#769024 rgb(118,144,36)
```
#83a028
```
#83a028 rgb(131,160,40)
```
#90b02b
```
#90b02b rgb(144,176,43)
```
#9cbf2f
```
#9cbf2f rgb(156,191,47)
```

Shade Color Variation

#a8cd35
```
#a8cd35 rgb(168,205,53)
```
#afd145
```
#afd145 rgb(175,209,69)
```
#b6d555
```
#b6d555 rgb(182,213,85)
```
#bdd964
```
#bdd964 rgb(189,217,100)
```
#c3dd74
```
#c3dd74 rgb(195,221,116)
```
#cae184
```
#cae184 rgb(202,225,132)
```
#d1e494
```
#d1e494 rgb(209,228,148)
```
#d8e8a3
```
#d8e8a3 rgb(216,232,163)
```
#deecb3
```
#deecb3 rgb(222,236,179)
```
#e5f0c3
```
#e5f0c3 rgb(229,240,195)
```
#ecf4d3
```
#ecf4d3 rgb(236,244,211)
```
#f3f8e2
```
#f3f8e2 rgb(243,248,226)
```
#f9fcf2
```
#f9fcf2 rgb(249,252,242)
```

Tint Color Variation

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

#8f9383
```
#8f9383 rgb(143,147,131)
```
#939b7b
```
#939b7b rgb(147,155,123)
```
#98a472
```
#98a472 rgb(152,164,114)
```
#9dad69
```
#9dad69 rgb(157,173,105)
```
#a1b660
```
#a1b660 rgb(161,182,96)
```
#a6bf57
```
#a6bf57 rgb(166,191,87)
```
#aac84e
```
#aac84e rgb(170,200,78)
```
#afd145
```
#afd145 rgb(175,209,69)
```
#b4da3c
```
#b4da3c rgb(180,218,60)
```
#b8e333
```
#b8e333 rgb(184,227,51)
```
#bdec2a
```
#bdec2a rgb(189,236,42)
```
#c1f521
```
#c1f521 rgb(193,245,33)
```
#c6fe18
```
#c6fe18 rgb(198,254,24)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b5bca0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc74b Protanopia 1% of men
#f5bd57 Deuteranopia 1% of men
#c4c6d4 Tritanopia 0.001% of the population

Trichromacy

#ccca49 Protanomaly 1% of men, 0.01% of women
#dbc450 Deuteranomaly 6% of men, 0.4% of women
#bccaa0 Tritanomaly 0.01% of the population

#afd145 hex color

#afd145 Color Information

#afd145 Color Conversion

Color Schemes with #afd145

Alternatives to #afd145

#afd145 Preview

Shades and Tints of #afd145

Tones of #afd145

Color Blindness Simulator