# #afbc45 color: Hopscotch

#afbc45 is rgb(175, 188, 69) in RGB and oklch(76.218% 0.14255 115.142) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/afbc45

## Formats

| Format | Value |
| --- | --- |
| HEX | #afbc45 |
| RGB | rgb(175, 188, 69) |
| HSL | hsl(66.55, 47.04%, 50.39%) |
| HSB / HSV | hsv(66.55 63.3% 73.73%) |
| HWB | hwb(66.55 27.06% 26.27%) |
| CMYK | cmyk(7% 0% 63% 26%) |
| Lab | lab(73.51 -16.34 56.26) |
| LCH | lch(73.51 58.59 106.2) |
| OKLab | oklab(76.218% -0.06056 0.12904) |
| OKLCH | oklch(76.218% 0.14255 115.142) |
| Display P3 | color(display-p3 0.69568 0.73564 0.34566) |
| Rec. 2020 | color(rec2020 0.65822 0.70014 0.2987) |
| Adobe RGB | color(a98-rgb 0.6954 0.73157 0.31306) |
| ProPhoto RGB | color(prophoto-rgb 0.60214 0.66752 0.30492) |
| Linear sRGB | color(srgb-linear 0.42869 0.50289 0.05951) |
| XYZ D65 | color(xyz-d65 0.36735 0.4551 0.1248) |
| XYZ D50 | color(xyz-d50 0.38914 0.4595 0.09729) |
| SwiftUI | Color(red: 0.686, green: 0.737, blue: 0.271) |
| UIKit | UIColor(red: 0.686, green: 0.737, blue: 0.271, alpha: 1) |
| Flutter / Compose | Color(0xFFAFBC45) |
| Android XML | #AFBC45 |

## Facts

- Closest name: Hopscotch
- Hue family: Lime, bright light lime
- Closest Tailwind class: yellow-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.08:1
- Contrast with black: 10.1:1

## Tints

#afbc45, #b6c35c, #beca71, #c6d184, #ced796, #d6dea8, #dee5ba, #e6ebcb, #eef2dd, #f7f9ee

## Shades

#afbc45, #98a33b, #818b31, #6b7327, #565d1e, #414715, #2e320c, #1c1f05, #0b0d02, #010200

## Tones

#afbc45, #afbb55, #afba62, #afba6e, #afb979, #b0b883, #b0b78d, #b0b597, #b1b4a0, #b1b3a9

## Harmonies

- Complementary: #afbc45, #b99eff
- Split: #afbc45, #85afff, #df90e3
- Analogous: #afbc45, #dbaa2f, #73c977
- Triadic: #afbc45, #3dbfff, #f789b6
- Tetradic: #afbc45, #09cfad, #b99eff, #f789b6
- Square: #afbc45, #00cbdd, #b99eff, #ff8b83
- Monochromatic: #afbc45, #687100, #8b960d, #d5e36e, #f2ff8c

## Questions about #afbc45

### What color is #afbc45?

#afbc45 is bright light lime. The closest named color is Hopscotch. In RGB it is rgb(175, 188, 69), in HSL hsl(66.55, 47.04%, 50.39%) and in OKLCH oklch(76.218% 0.14255 115.142).

### What colors go well with #afbc45?

The complementary color of #afbc45 is #b99eff. For a calmer combination use the analogous colors #dbaa2f and #73c977. The triadic partners are #3dbfff and #f789b6.

### Is white or black text more readable on #afbc45?

Black text reads better on #afbc45: white gives a contrast ratio of 2.08:1 and black gives 10.1:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #afbc45 a warm or cool color?

#afbc45 is a neutral color. In OKLCH its hue is 115 degrees, its lightness 76.2% and its chroma 0.143.