Benannte Farbe · #ECD1A5
Key Keeper
Key Keeper ist #ECD1A5: rgb(236 209 165), hsl(37 65% 79%), oklch(0.873 0.065 79.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Key Keeper color name →
#ECD1A5
oklch(0.873 0.065 79.8)
Farbumrechnungen
- HEX
- #ecd1a5
- RGB
- rgb(236 209 165)
- HSL
- hsl(37 65% 79%)
- HWB
- hwb(37 65% 7%)
- OKLCH
- oklch(0.873 0.065 79.8)
- OKLab
- oklab(0.873 0.012 0.064)
- CIE Lab
- lab(85.33 5.03 25.54)
- LCH
- lch(85.33 26.03 78.9)
- CMYK
- cmyk(0% 11% 30% 7%)
Tints · Shades · Tones
Tints
- EED6AE
- F0DAB7
- F2DFC0
- F4E3C9
- F6E8D2
- F8EDDB
- F9F1E4
- FBF6ED
- FDFAF6
Shades
- CDB58F
- AF9B79
- 928165
- 766851
- 5B503D
- 42392B
- 29231A
- 13100A
- 030201
Tones
- E1C9A2
- D6C09E
- CAB89A
- C0B097
- B5A893
- AAA08F
- 9F988C
- 959088
- 8A8884
Farbharmonien
Komplementär +180°
- ECD1A5
Key Keeper
- BDD7FF
≈ Oh Boy!
Analog -30° +30°
- ECD1A5
Key Keeper
- F9C9AF
≈ Bleached Apricot
- D7D9A8
≈ Sunlit Leaf
Triadisch +120° +240°
- ECD1A5
Key Keeper
- A2E3E6
≈ Ice Crystal Blue
- E9C8F0
≈ Sugar High
Geteilt komplementär +150° +210°
- ECD1A5
Key Keeper
- A9DEF8
≈ Van Gogh Blue
- D4CFFE
≈ Pale Lavender
Tetradisch +90° +180° +270°
- ECD1A5
Key Keeper
- ABE4CE
≈ Turquoise Tower
- BDD7FF
≈ Oh Boy!
- F7C4DB
≈ Miami Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.47:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.23:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.23:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--key-keeper: #ecd1a5;
--key-keeper-rgb: 236 209 165;
--key-keeper-oklch: oklch(0.873 0.065 79.8);
}
.element {
color: var(--key-keeper);
background-color: hsl(37 65% 79%);
border-color: oklch(0.873 0.065 79.8);
}Tailwind CSS v4
@theme {
--color-key-keeper: #ecd1a5;
--color-key-keeper-50: #fff4e1;
--color-key-keeper-100: #f3e6d0;
--color-key-keeper-200: #e2d2b6;
--color-key-keeper-300: #c8b592;
--color-key-keeper-400: #b39b73;
--color-key-keeper-500: #9d8253;
--color-key-keeper-600: #856e47;
--color-key-keeper-700: #6a5838;
--color-key-keeper-800: #4f4028;
--color-key-keeper-900: #372c1b;
--color-key-keeper-950: #22190b;
}SCSS
$key-keeper: #ecd1a5;
$key-keeper-rgb: 236, 209, 165;
$key-keeper-light: mix(#fff, $key-keeper, 20%);
$key-keeper-dark: mix(#000, $key-keeper, 20%);
.element {
color: $key-keeper;
box-shadow: 0 0 0 2px rgba($key-keeper, 0.35);
}