Benannte Farbe · #E0CE80
Master Gardener
Master Gardener ist #E0CE80: rgb(224 206 128), hsl(49 61% 69%), oklch(0.849 0.1 96.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Master Gardener color name →
#E0CE80
oklch(0.849 0.1 96.7)
Farbumrechnungen
- HEX
- #e0ce80
- RGB
- rgb(224 206 128)
- HSL
- hsl(49 61% 69%)
- HWB
- hwb(49 50% 12%)
- OKLCH
- oklch(0.849 0.1 96.7)
- OKLab
- oklab(0.849 -0.012 0.1)
- CIE Lab
- lab(82.99 -1.33 41.08)
- LCH
- lch(82.99 41.1 91.8)
- CMYK
- cmyk(0% 8% 43% 12%)
Tints · Shades · Tones
Tints
- E3D38E
- E6D89B
- E9DDA8
- ECE2B5
- EFE7C1
- F2ECCE
- F6F1DA
- F9F5E6
- FCFAF3
Shades
- C3B36E
- A6985D
- 8A7F4D
- 70663D
- 564E2E
- 3E381F
- 272312
- 120F06
- 020201
Tones
- D6C681
- CCBE82
- C2B682
- B8AE83
- AFA783
- A59F83
- 9C9782
- 928F82
- 898881
Farbharmonien
Komplementär +180°
- E0CE80
Master Gardener
- C0CAFF
≈ Light Periwinkle
Analog -30° +30°
- E0CE80
Master Gardener
- FAC186
≈ Buttery
- BCDA92
≈ Tree Line
Triadisch +120° +240°
- E0CE80
Master Gardener
- 7ADEF8
≈ Photon Barrier
- F8B5E6
≈ Hot Aquarelle Pink
Geteilt komplementär +150° +210°
- E0CE80
Master Gardener
- A4D3FF
≈ Baby Blue
- DEBDFF
≈ Lavender Fragrance
Tetradisch +90° +180° +270°
- E0CE80
Master Gardener
- 79E3D8
≈ Turquoise Chalk
- C0CAFF
≈ Light Periwinkle
- FFB7C4
≈ Cherry Blossom Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.57:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.30:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.30:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--master-gardener: #e0ce80;
--master-gardener-rgb: 224 206 128;
--master-gardener-oklch: oklch(0.849 0.1 96.7);
}
.element {
color: var(--master-gardener);
background-color: hsl(49 61% 69%);
border-color: oklch(0.849 0.1 96.7);
}Tailwind CSS v4
@theme {
--color-master-gardener: #e0ce80;
--color-master-gardener-50: #fcf6d6;
--color-master-gardener-100: #f0e9c3;
--color-master-gardener-200: #dfd6a4;
--color-master-gardener-300: #c4b97c;
--color-master-gardener-400: #af9f56;
--color-master-gardener-500: #99862b;
--color-master-gardener-600: #827127;
--color-master-gardener-700: #685b1f;
--color-master-gardener-800: #4d4214;
--color-master-gardener-900: #362d0c;
--color-master-gardener-950: #211a01;
}SCSS
$master-gardener: #e0ce80;
$master-gardener-rgb: 224, 206, 128;
$master-gardener-light: mix(#fff, $master-gardener, 20%);
$master-gardener-dark: mix(#000, $master-gardener, 20%);
.element {
color: $master-gardener;
box-shadow: 0 0 0 2px rgba($master-gardener, 0.35);
}