Colore con nome · #D5AF91
Key Wester
Key Wester è #D5AF91: rgb(213 175 145), hsl(26 45% 70%), oklch(0.78 0.06 60). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Key Wester color name →
#D5AF91
oklch(0.78 0.06 60)
Conversioni di colore
- HEX
- #d5af91
- RGB
- rgb(213 175 145)
- HSL
- hsl(26 45% 70%)
- HWB
- hwb(26 57% 16%)
- OKLCH
- oklch(0.78 0.06 60)
- OKLab
- oklab(0.78 0.03 0.052)
- CIE Lab
- lab(74.35 11.11 20.9)
- LCH
- lch(74.35 23.67 62)
- CMYK
- cmyk(0% 18% 32% 16%)
Tinte · Ombre · Toni
Tinte
- D9B79C
- DEBFA7
- E2C7B2
- E6CFBC
- EAD7C7
- EFDFD2
- F3E7DD
- F7EFE9
- FBF7F4
Ombre
- B9987D
- 9E816A
- 836B58
- 6A5646
- 514135
- 3A2E25
- 241C15
- 100B07
- 020101
Toni
- CCAA90
- C4A68E
- BBA18C
- B29C8B
- AA9789
- A19387
- 998E86
- 918984
- 888582
Armonie di colore
Complementare +180°
- D5AF91
Key Wester
- 95BDDB
≈ Sleeping Easy
Analogo -30° +30°
- D5AF91
Key Wester
- DCAAA1
≈ Everything’s Rosy
- C6B68B
≈ Modish Moss
Triadico +120° +240°
- D5AF91
Key Wester
- 8DC5B9
≈ Little Blue Box
- BDAFD9
≈ Moonraker
Complementare divisa +150° +210°
- D5AF91
Key Wester
- 8AC3CD
≈ After the Rain
- A8B6DF
≈ Sassy Violet
Tetradico +90° +180° +270°
- D5AF91
Key Wester
- 9DC3A3
≈ Aroma Garden
- 95BDDB
≈ Sleeping Easy
- CEAACA
≈ Orchid Bouquet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.37:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--key-wester: #d5af91;
--key-wester-rgb: 213 175 145;
--key-wester-oklch: oklch(0.78 0.06 60);
}
.element {
color: var(--key-wester);
background-color: hsl(26 45% 70%);
border-color: oklch(0.78 0.06 60);
}Tailwind CSS v4
@theme {
--color-key-wester: #d5af91;
--color-key-wester-50: #fff2e4;
--color-key-wester-100: #f7e4d4;
--color-key-wester-200: #e8cfbb;
--color-key-wester-300: #cfb198;
--color-key-wester-400: #ba977b;
--color-key-wester-500: #a47d5d;
--color-key-wester-600: #8b6a4f;
--color-key-wester-700: #6f553f;
--color-key-wester-800: #523d2d;
--color-key-wester-900: #392a1f;
--color-key-wester-950: #24180e;
}SCSS
$key-wester: #d5af91;
$key-wester-rgb: 213, 175, 145;
$key-wester-light: mix(#fff, $key-wester, 20%);
$key-wester-dark: mix(#000, $key-wester, 20%);
.element {
color: $key-wester;
box-shadow: 0 0 0 2px rgba($key-wester, 0.35);
}