# #aabb48 color: Hopscotch

#aabb48 is rgb(170, 187, 72) in RGB and oklch(75.628% 0.14051 116.994) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #aabb48 |
| RGB | rgb(170, 187, 72) |
| HSL | hsl(68.87, 45.82%, 50.78%) |
| HSB / HSV | hsv(68.87 61.5% 73.33%) |
| HWB | hwb(68.87 28.24% 26.67%) |
| CMYK | cmyk(9% 0% 61% 27%) |
| Lab | lab(72.87 -17.78 54.2) |
| LCH | lch(72.87 57.04 108.16) |
| OKLab | oklab(75.628% -0.06378 0.1252) |
| OKLCH | oklch(75.628% 0.14051 116.994) |
| Display P3 | color(display-p3 0.67913 0.73125 0.35229) |
| Rec. 2020 | color(rec2020 0.64363 0.69482 0.3051) |
| Adobe RGB | color(a98-rgb 0.68059 0.72762 0.32175) |
| ProPhoto RGB | color(prophoto-rgb 0.58923 0.66161 0.30982) |
| Linear sRGB | color(srgb-linear 0.40198 0.49693 0.0648) |
| XYZ D65 | color(xyz-d65 0.35516 0.44555 0.1286) |
| XYZ D50 | color(xyz-d50 0.37596 0.44961 0.10012) |
| SwiftUI | Color(red: 0.667, green: 0.733, blue: 0.282) |
| UIKit | UIColor(red: 0.667, green: 0.733, blue: 0.282, alpha: 1) |
| Flutter / Compose | Color(0xFFAABB48) |
| Android XML | #AABB48 |

## Facts

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

## Tints

#aabb48, #b2c25e, #bac972, #c2d085, #cbd797, #d3dea9, #dce4ba, #e4ebcc, #edf2dd, #f6f8ee

## Shades

#aabb48, #93a23d, #7d8a33, #687329, #535c1f, #3f4616, #2d320d, #1b1f06, #0b0d02, #010200

## Tones

#aabb48, #aaba57, #abb963, #abb86f, #acb779, #acb683, #adb58d, #aeb496, #aeb39f, #afb1a7

## Harmonies

- Complementary: #aabb48, #ba9cfe
- Split: #aabb48, #88acff, #de8fde
- Analogous: #aabb48, #d6a92f, #6ec87a
- Triadic: #aabb48, #44bcfd, #f588b1
- Tetradic: #aabb48, #00ccae, #ba9cfe, #f588b1
- Square: #aabb48, #00c8dd, #ba9cfe, #fc8a7f
- Monochromatic: #aabb48, #637100, #869516, #d0e271, #eeff90

## Questions about #aabb48

### What color is #aabb48?

#aabb48 is bright light lime. The closest named color is Hopscotch. In RGB it is rgb(170, 187, 72), in HSL hsl(68.87, 45.82%, 50.78%) and in OKLCH oklch(75.628% 0.14051 116.994).

### What colors go well with #aabb48?

The complementary color of #aabb48 is #ba9cfe. For a calmer combination use the analogous colors #d6a92f and #6ec87a. The triadic partners are #44bcfd and #f588b1.

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

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

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

#aabb48 is a neutral color. In OKLCH its hue is 117 degrees, its lightness 75.6% and its chroma 0.141.