Nächste benannte Farbe · #E1D08E
#E1D08E
Nächste benannte Farbe: Master Key
#E1D08E (rgb(225 208 142), hsl(48 58% 72%), oklch(0.856 0.087 95.4)) liegt am nächsten an der benannten Farbe Master Key. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E1D08E
oklch(0.856 0.087 95.4)
Farbumrechnungen
- HEX
- #e1d08e
- RGB
- rgb(225 208 142)
- HSL
- hsl(48 58% 72%)
- HWB
- hwb(48 56% 12%)
- OKLCH
- oklch(0.856 0.087 95.4)
- OKLab
- oklab(0.856 -0.008 0.086)
- CIE Lab
- lab(83.76 -0.8 35.06)
- LCH
- lch(83.76 35.07 91.3)
- CMYK
- cmyk(0% 8% 37% 12%)
Tints · Shades · Tones
Tints
- E4D59A
- E7DAA5
- EADEB1
- EDE3BC
- F0E8C7
- F3ECD3
- F6F1DE
- F9F6E9
- FCFAF4
Shades
- C4B57B
- A79A68
- 8B8056
- 706744
- 564F34
- 3E3924
- 272315
- 121007
- 020201
Tones
- D7C88D
- CDC08C
- C3B88B
- B9AF8A
- AFA789
- A69F87
- 9C9886
- 939084
- 898882
Farbharmonien
Komplementär +180°
- E1D08E
Master Key
- C2CDFF
≈ Lavender Blue
Analog -30° +30°
- E1D08E
Master Key
- F8C593
≈ Pizazz Peach
- C2DA9C
≈ Lickety Split
Triadisch +120° +240°
- E1D08E
Master Key
- 8ADFF4
≈ Photon Barrier
- F5BBE6
≈ Cotton Candy Aesthetic
Geteilt komplementär +150° +210°
- E1D08E
Master Key
- A7D6FF
≈ Malmö FF
- DDC2FE
≈ Neon Boneyard
Tetradisch +90° +180° +270°
- E1D08E
Master Key
- 8BE3D8
≈ Sea Foam
- C2CDFF
≈ Lavender Blue
- FFBAC8
≈ Rosie
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.54:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.61:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.61:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--master-key: #e1d08e;
--master-key-rgb: 225 208 142;
--master-key-oklch: oklch(0.856 0.087 95.4);
}
.element {
color: var(--master-key);
background-color: hsl(48 58% 72%);
border-color: oklch(0.856 0.087 95.4);
}Tailwind CSS v4
@theme {
--color-master-key: #e1d08e;
--color-master-key-50: #fcf6da;
--color-master-key-100: #efe9c8;
--color-master-key-200: #ded5ab;
--color-master-key-300: #c3b885;
--color-master-key-400: #ae9e62;
--color-master-key-500: #98863d;
--color-master-key-600: #807135;
--color-master-key-700: #675a2a;
--color-master-key-800: #4c421c;
--color-master-key-900: #352d12;
--color-master-key-950: #201a05;
}SCSS
$master-key: #e1d08e;
$master-key-rgb: 225, 208, 142;
$master-key-light: mix(#fff, $master-key, 20%);
$master-key-dark: mix(#000, $master-key, 20%);
.element {
color: $master-key;
box-shadow: 0 0 0 2px rgba($master-key, 0.35);
}