Nazwany kolor · #E8DAC3
Arizona White
Arizona White to #E8DAC3: rgb(232 218 195), hsl(37 45% 84%), oklch(0.894 0.034 80.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Arizona White color name →
#E8DAC3
oklch(0.894 0.034 80.3)
Konwersje koloru
- HEX
- #e8dac3
- RGB
- rgb(232 218 195)
- HSL
- hsl(37 45% 84%)
- HWB
- hwb(37 76% 9%)
- OKLCH
- oklch(0.894 0.034 80.3)
- OKLab
- oklab(0.894 0.006 0.034)
- CIE Lab
- lab(87.74 2.21 13.19)
- LCH
- lch(87.74 13.37 80.5)
- CMYK
- cmyk(0% 6% 16% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EADEC9
- EDE1CF
- EFE5D5
- F1E9DB
- F4ECE1
- F6F0E7
- F8F4ED
- FAF8F3
- FDFBF9
Odcienie ciemniejsze
- CABDA9
- ACA290
- 908778
- 746C60
- 59544A
- 403C34
- 292520
- 13110E
- 030202
Tony
- DDD1BC
- D2C7B5
- C8BEAF
- BDB5A8
- B3ACA1
- A8A39A
- 9E9A94
- 94918D
- 8A8987
Harmonie kolorów
Komplementarna +180°
- E8DAC3
Arizona White
- CFDDF3
≈ Puffy Cloud
Analogowa -30° +30°
- E8DAC3
Arizona White
- F0D6C8
≈ Shy Cupid
- DDDEC5
≈ Sip of Mint
Triada +120° +240°
- E8DAC3
Arizona White
- C3E3E5
≈ Light Daly Waters
- E7D5EA
≈ First Lilac
Komplementarna rozszczepiona +150° +210°
- E8DAC3
Arizona White
- C6E1EF
≈ Pale Frost
- DBD9F2
≈ Quartz
Tetrada +90° +180° +270°
- E8DAC3
Arizona White
- C7E4D8
≈ Mint Whisper
- CFDDF3
≈ Puffy Cloud
- EFD3DF
≈ Portrait Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.37:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.24:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.24:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--arizona-white: #e8dac3;
--arizona-white-rgb: 232 218 195;
--arizona-white-oklch: oklch(0.894 0.034 80.3);
}
.element {
color: var(--arizona-white);
background-color: hsl(37 45% 84%);
border-color: oklch(0.894 0.034 80.3);
}Tailwind CSS v4
@theme {
--color-arizona-white: #e8dac3;
--color-arizona-white-50: #faf4ea;
--color-arizona-white-100: #eee7db;
--color-arizona-white-200: #dcd3c4;
--color-arizona-white-300: #c0b6a4;
--color-arizona-white-400: #a99d88;
--color-arizona-white-500: #92846d;
--color-arizona-white-600: #7c705c;
--color-arizona-white-700: #63594a;
--color-arizona-white-800: #494135;
--color-arizona-white-900: #332d24;
--color-arizona-white-950: #1e1a13;
}SCSS
$arizona-white: #e8dac3;
$arizona-white-rgb: 232, 218, 195;
$arizona-white-light: mix(#fff, $arizona-white, 20%);
$arizona-white-dark: mix(#000, $arizona-white, 20%);
.element {
color: $arizona-white;
box-shadow: 0 0 0 2px rgba($arizona-white, 0.35);
}