Benannte Farbe · #B1CF5D
Juicy Lime
Juicy Lime ist #B1CF5D: rgb(177 207 93), hsl(76 54% 59%), oklch(0.809 0.145 122). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Juicy Lime color name →
#B1CF5D
oklch(0.809 0.145 122)
Farbumrechnungen
- HEX
- #b1cf5d
- RGB
- rgb(177 207 93)
- HSL
- hsl(76 54% 59%)
- HWB
- hwb(76 36% 19%)
- OKLCH
- oklch(0.809 0.145 122)
- OKLab
- oklab(0.809 -0.077 0.123)
- CIE Lab
- lab(79.14 -22.93 52.05)
- LCH
- lch(79.14 56.88 113.8)
- CMYK
- cmyk(14% 0% 55% 19%)
Tints · Shades · Tones
Tints
- B8D470
- C0D982
- C8DE92
- CFE3A3
- D7E8B2
- DFEDC2
- E7F1D1
- EFF6E1
- F7FAF0
Shades
- 99B450
- 839943
- 6C7F37
- 57672A
- 424F1F
- 2F3814
- 1C230A
- 0C1003
- 010200
Tones
- ACC763
- A7BF68
- A2B76D
- 9DAF71
- 98A775
- 939F78
- 8E987A
- 89907C
- 85887E
Farbharmonien
Komplementär +180°
- B1CF5D
Juicy Lime
- CEAFFF
≈ Teasel Dipsacus
Analog -30° +30°
- B1CF5D
Juicy Lime
- E2BD3E
≈ Solarium
- 70DB91
≈ Aurora Green
Triadisch +120° +240°
- B1CF5D
Juicy Lime
- 81C9FF
≈ Chromis Damsel Blue
- FFA0BB
≈ Saira Red
Geteilt komplementär +150° +210°
- B1CF5D
Juicy Lime
- ABBDFF
≈ Pastel Blue
- F79CEA
≈ Pink Elephants
Tetradisch +90° +180° +270°
- B1CF5D
Juicy Lime
- 00D8F5
≈ Neon Blue
- CEAFFF
≈ Teasel Dipsacus
- FFA694
≈ Frozen Salmon
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.75:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 11.95:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 11.95:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--juicy-lime: #b1cf5d;
--juicy-lime-rgb: 177 207 93;
--juicy-lime-oklch: oklch(0.809 0.145 122);
}
.element {
color: var(--juicy-lime);
background-color: hsl(76 54% 59%);
border-color: oklch(0.809 0.145 122);
}Tailwind CSS v4
@theme {
--color-juicy-lime: #b1cf5d;
--color-juicy-lime-50: #ecfdd0;
--color-juicy-lime-100: #def1bc;
--color-juicy-lime-200: #c7df9a;
--color-juicy-lime-300: #a8c46f;
--color-juicy-lime-400: #90ab3f;
--color-juicy-lime-500: #779400;
--color-juicy-lime-600: #657d00;
--color-juicy-lime-700: #506400;
--color-juicy-lime-800: #3c4900;
--color-juicy-lime-900: #293300;
--color-juicy-lime-950: #171e00;
}SCSS
$juicy-lime: #b1cf5d;
$juicy-lime-rgb: 177, 207, 93;
$juicy-lime-light: mix(#fff, $juicy-lime, 20%);
$juicy-lime-dark: mix(#000, $juicy-lime, 20%);
.element {
color: $juicy-lime;
box-shadow: 0 0 0 2px rgba($juicy-lime, 0.35);
}