Benannte Farbe · #E8F48C
Key Lime Water
Key Lime Water ist #E8F48C: rgb(232 244 140), hsl(67 83% 75%), oklch(0.936 0.129 114.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Key Lime Water color name →
#E8F48C
oklch(0.936 0.129 114.3)
Farbumrechnungen
- HEX
- #e8f48c
- RGB
- rgb(232 244 140)
- HSL
- hsl(67 83% 75%)
- HWB
- hwb(67 55% 4%)
- OKLCH
- oklch(0.936 0.129 114.3)
- OKLab
- oklab(0.936 -0.053 0.117)
- CIE Lab
- lab(93.62 -15.19 48.46)
- LCH
- lch(93.62 50.79 107.4)
- CMYK
- cmyk(5% 0% 43% 4%)
Tints · Shades · Tones
Tints
- EAF599
- ECF7A6
- EEF8B2
- F1F9BD
- F3FAC9
- F5FBD4
- F8FCDF
- FAFDEA
- FDFEF4
Shades
- CAD479
- ACB567
- 909755
- 747A43
- 595E33
- 404423
- 292B14
- 131407
- 030301
Tones
- DDE88C
- D2DC8C
- C7D08C
- BDC48B
- B2B98A
- A8AD88
- 9EA287
- 949685
- 8A8B82
Farbharmonien
Komplementär +180°
- E8F48C
Key Lime Water
- EBE6FF
≈ Cyber Lavender
Analog -30° +30°
- E8F48C
Key Lime Water
- FFE7B7
≈ Vanilla Ice Cream
- B9FFB8
≈ Light Mint
Triadisch +120° +240°
- E8F48C
Key Lime Water
- D3EFFF
≈ Ice Castle
- FFE0EB
≈ Baby Girl
Geteilt komplementär +150° +210°
- E8F48C
Key Lime Water
- E0EAFF
≈ Husky
- FDDEFF
≈ Sugarpills
Tetradisch +90° +180° +270°
- E8F48C
Key Lime Water
- B4F8FF
≈ Pale Sky
- EBE6FF
≈ Cyber Lavender
- FFE2DF
≈ Lady Anne
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.18:1 · APCA Lc 9
Ag
AAAAuf Schwarz
WCAG 17.75:1 · APCA Lc 95
Beste Textfarbe: #000000
WCAG 17.75:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--key-lime-water: #e8f48c;
--key-lime-water-rgb: 232 244 140;
--key-lime-water-oklch: oklch(0.936 0.129 114.3);
}
.element {
color: var(--key-lime-water);
background-color: hsl(67 83% 75%);
border-color: oklch(0.936 0.129 114.3);
}Tailwind CSS v4
@theme {
--color-key-lime-water: #e8f48c;
--color-key-lime-water-50: #f2fad1;
--color-key-lime-water-100: #e5eebd;
--color-key-lime-water-200: #d1dc9c;
--color-key-lime-water-300: #b3c072;
--color-key-lime-water-400: #9da745;
--color-key-lime-water-500: #858f00;
--color-key-lime-water-600: #717905;
--color-key-lime-water-700: #5a6107;
--color-key-lime-water-800: #444601;
--color-key-lime-water-900: #2f3102;
--color-key-lime-water-950: #1b1d00;
}SCSS
$key-lime-water: #e8f48c;
$key-lime-water-rgb: 232, 244, 140;
$key-lime-water-light: mix(#fff, $key-lime-water, 20%);
$key-lime-water-dark: mix(#000, $key-lime-water, 20%);
.element {
color: $key-lime-water;
box-shadow: 0 0 0 2px rgba($key-lime-water, 0.35);
}