Colore con nome · #E8D4A2
Hampton
Hampton è #E8D4A2: rgb(232 212 162), hsl(43 60% 77%), oklch(0.874 0.069 88.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Hampton color name →
#E8D4A2
oklch(0.874 0.069 88.8)
Conversioni di colore
- HEX
- #e8d4a2
- RGB
- rgb(232 212 162)
- HSL
- hsl(43 60% 77%)
- HWB
- hwb(43 64% 9%)
- OKLCH
- oklch(0.874 0.069 88.8)
- OKLab
- oklab(0.874 0.001 0.069)
- CIE Lab
- lab(85.68 1.74 27.48)
- LCH
- lch(85.68 27.54 86.4)
- CMYK
- cmyk(0% 9% 30% 9%)
Tinte · Ombre · Toni
Tinte
- EAD8AB
- EDDDB5
- EFE1BE
- F1E5C8
- F4EAD1
- F6EEDA
- F8F2E3
- FAF6ED
- FDFBF6
Ombre
- CAB88C
- AC9D77
- 908363
- 74694F
- 59513C
- 403A2A
- 292419
- 13100A
- 030201
Toni
- DDCB9F
- D2C39C
- C8BA98
- BDB295
- B3A992
- A8A18E
- 9E998B
- 949087
- 8A8884
Armonie di colore
Complementare +180°
- E8D4A2
Hampton
- C5D5FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- E8D4A2
Hampton
- F9CBA9
≈ Allspice
- D0DDAA
≈ Willow Wind
Triadico +120° +240°
- E8D4A2
Hampton
- A0E3EE
≈ Blizzard Blue
- F0C6EC
≈ Sugar High
Complementare divisa +150° +210°
- E8D4A2
Hampton
- ACDDFE
≈ Droplet
- DBCCFE
≈ Pale Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.37:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.37:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--hampton: #e8d4a2;
--hampton-rgb: 232 212 162;
--hampton-oklch: oklch(0.874 0.069 88.8);
}
.element {
color: var(--hampton);
background-color: hsl(43 60% 77%);
border-color: oklch(0.874 0.069 88.8);
}Tailwind CSS v4
@theme {
--color-hampton: #e8d4a2;
--color-hampton-50: #fcf5df;
--color-hampton-100: #f0e8cf;
--color-hampton-200: #dfd4b4;
--color-hampton-300: #c5b790;
--color-hampton-400: #af9d6f;
--color-hampton-500: #99844f;
--color-hampton-600: #817044;
--color-hampton-700: #675936;
--color-hampton-800: #4d4126;
--color-hampton-900: #352d19;
--color-hampton-950: #201a0a;
}SCSS
$hampton: #e8d4a2;
$hampton-rgb: 232, 212, 162;
$hampton-light: mix(#fff, $hampton, 20%);
$hampton-dark: mix(#000, $hampton, 20%);
.element {
color: $hampton;
box-shadow: 0 0 0 2px rgba($hampton, 0.35);
}