Benannte Farbe · #E2E483
Charlock
Charlock ist #E2E483: rgb(226 228 131), hsl(61 64% 70%), oklch(0.897 0.12 109.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Charlock color name →
#E2E483
oklch(0.897 0.12 109.6)
Farbumrechnungen
- HEX
- #e2e483
- RGB
- rgb(226 228 131)
- HSL
- hsl(61 64% 70%)
- HWB
- hwb(61 51% 11%)
- OKLCH
- oklch(0.897 0.12 109.6)
- OKLab
- oklab(0.897 -0.04 0.113)
- CIE Lab
- lab(88.88 -10.79 46.86)
- LCH
- lch(88.88 48.09 103)
- CMYK
- cmyk(1% 0% 43% 11%)
Tints · Shades · Tones
Tints
- E5E791
- E7EA9E
- EAEDAB
- EDEFB8
- F0F2C4
- F3F5D0
- F6F7DC
- F9FAE8
- FCFDF3
Shades
- C4C671
- A8A960
- 8C8D4F
- 71723F
- 57582F
- 3E3F20
- 272812
- 121206
- 030301
Tones
- D8DA84
- CDCF85
- C3C585
- B9BB85
- AFB185
- A6A785
- 9C9D84
- 939383
- 898A82
Farbharmonien
Komplementär +180°
- E2E483
Charlock
- DBD8FF
≈ Transparent Blue
Analog -30° +30°
- E2E483
Charlock
- FFD693
≈ Cornmeal
- B3F1A4
≈ Sweet Mint Pesto
Triadisch +120° +240°
- E2E483
Charlock
- B2E6FF
≈ Frozen Landscape
- FFCCE3
≈ Classic Rose
Geteilt komplementär +150° +210°
- E2E483
Charlock
- CADEFF
≈ Arc Light
- F5CCFF
≈ Sassy Pink
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.34:1 · APCA Lc 17
Ag
AAAAuf Schwarz
WCAG 15.65:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.65:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--charlock: #e2e483;
--charlock-rgb: 226 228 131;
--charlock-oklch: oklch(0.897 0.12 109.6);
}
.element {
color: var(--charlock);
background-color: hsl(61 64% 70%);
border-color: oklch(0.897 0.12 109.6);
}Tailwind CSS v4
@theme {
--color-charlock: #e2e483;
--color-charlock-50: #f6f9d2;
--color-charlock-100: #e8ecbf;
--color-charlock-200: #d5da9e;
--color-charlock-300: #b9be74;
--color-charlock-400: #a3a449;
--color-charlock-500: #8c8c0c;
--color-charlock-600: #777711;
--color-charlock-700: #5f5f0f;
--color-charlock-800: #474506;
--color-charlock-900: #313005;
--color-charlock-950: #1d1c00;
}SCSS
$charlock: #e2e483;
$charlock-rgb: 226, 228, 131;
$charlock-light: mix(#fff, $charlock, 20%);
$charlock-dark: mix(#000, $charlock, 20%);
.element {
color: $charlock;
box-shadow: 0 0 0 2px rgba($charlock, 0.35);
}