Benannte Farbe · #AFB96A
Lime Rickey
Lime Rickey ist #AFB96A: rgb(175 185 106), hsl(68 36% 57%), oklch(0.76 0.103 114.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Lime Rickey color name →
#AFB96A
oklch(0.76 0.103 114.8)
Farbumrechnungen
- HEX
- #afb96a
- RGB
- rgb(175 185 106)
- HSL
- hsl(68 36% 57%)
- HWB
- hwb(68 42% 27%)
- OKLCH
- oklch(0.76 0.103 114.8)
- OKLab
- oklab(0.76 -0.043 0.094)
- CIE Lab
- lab(73.02 -12.55 38.69)
- LCH
- lch(73.02 40.68 108)
- CMYK
- cmyk(5% 0% 43% 27%)
Tints · Shades · Tones
Tints
- B7C07A
- BEC789
- C6CE98
- CED5A7
- D6DCB5
- DEE3C4
- E6EAD3
- EEF1E2
- F7F8F0
Shades
- 98A05B
- 81894D
- 6B713F
- 565B31
- 414624
- 2E3118
- 1C1E0D
- 0B0D04
- 010200
Tones
- AAB36D
- A5AE70
- A0A873
- 9CA276
- 979C78
- 92977A
- 8E917C
- 898B7D
- 84867F
Farbharmonien
Komplementär +180°
- AFB96A
Lime Rickey
- B5A4EC
≈ Maximum Blue Purple
Analog -30° +30°
- AFB96A
Lime Rickey
- CFAC60
≈ Desert
- 87C388
≈ Jolt of Green
Triadisch +120° +240°
- AFB96A
Lime Rickey
- 6ABCE9
≈ Norfolk Sky
- E595B5
≈ Usu Koubai Blossom
Geteilt komplementär +150° +210°
- AFB96A
Lime Rickey
- 91B0F3
≈ Kitten’s Eye
- D39AD6
≈ Velvet Horizon
Tetradisch +90° +180° +270°
- AFB96A
Lime Rickey
- 52C4D0
≈ Baharroth Blue
- B5A4EC
≈ Maximum Blue Purple
- EC9790
≈ Coral Bead
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.10:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 9.97:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.97:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--lime-rickey: #afb96a;
--lime-rickey-rgb: 175 185 106;
--lime-rickey-oklch: oklch(0.76 0.103 114.8);
}
.element {
color: var(--lime-rickey);
background-color: hsl(68 36% 57%);
border-color: oklch(0.76 0.103 114.8);
}Tailwind CSS v4
@theme {
--color-lime-rickey: #afb96a;
--color-lime-rickey-50: #f3fad8;
--color-lime-rickey-100: #e5edc6;
--color-lime-rickey-200: #d1dba8;
--color-lime-rickey-300: #b3bf81;
--color-lime-rickey-400: #9da65c;
--color-lime-rickey-500: #848e34;
--color-lime-rickey-600: #70782e;
--color-lime-rickey-700: #5a6024;
--color-lime-rickey-800: #434617;
--color-lime-rickey-900: #2e300f;
--color-lime-rickey-950: #1b1d03;
}SCSS
$lime-rickey: #afb96a;
$lime-rickey-rgb: 175, 185, 106;
$lime-rickey-light: mix(#fff, $lime-rickey, 20%);
$lime-rickey-dark: mix(#000, $lime-rickey, 20%);
.element {
color: $lime-rickey;
box-shadow: 0 0 0 2px rgba($lime-rickey, 0.35);
}