Nazwany kolor · #EEE9DF
Palladian
Palladian to #EEE9DF: rgb(238 233 223), hsl(40 31% 90%), oklch(0.935 0.014 84.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Palladian color name →
#EEE9DF
oklch(0.935 0.014 84.6)
Konwersje koloru
- HEX
- #eee9df
- RGB
- rgb(238 233 223)
- HSL
- hsl(40 31% 90%)
- HWB
- hwb(40 87% 7%)
- OKLCH
- oklch(0.935 0.014 84.6)
- OKLab
- oklab(0.935 0.001 0.014)
- CIE Lab
- lab(92.54 0.47 5.5)
- LCH
- lch(92.54 5.52 85.1)
- CMYK
- cmyk(0% 2% 6% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0EBE2
- F1EDE5
- F3F0E9
- F5F2EC
- F6F4EF
- F8F6F2
- FAF8F5
- FCFBF9
- FDFDFC
Odcienie ciemniejsze
- CFCBC2
- B1ADA5
- 93908A
- 77746F
- 5C5A56
- 42413D
- 2A2927
- 141312
- 030302
Tony
- E2DED5
- D7D3CB
- CCC8C2
- C1BEB8
- B5B3AE
- AAA9A5
- A09E9B
- 959492
- 8A8A89
Harmonie kolorów
Komplementarna +180°
- EEE9DF
Palladian
- E5EAF4
≈ Whisper Blue
Analogowa -30° +30°
- EEE9DF
Palladian
- F2E7E1
≈ Homoeopathic Orange
- E9EBE0
≈ Winter Glaze
Triada +120° +240°
- EEE9DF
Palladian
- DFEDEE
≈ Winter’s Breath
- EFE6EF
≈ In the Spotlight
Komplementarna rozszczepiona +150° +210°
- EEE9DF
Palladian
- E1EBF2
≈ Out Cold
- EAE8F3
≈ Tranquil Eve
Tetrada +90° +180° +270°
- EEE9DF
Palladian
- E0EDE9
≈ Second Wind
- E5EAF4
≈ Whisper Blue
- F2E6EA
≈ Amour Frais
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.20:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.35:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.35:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--palladian: #eee9df;
--palladian-rgb: 238 233 223;
--palladian-oklch: oklch(0.935 0.014 84.6);
}
.element {
color: var(--palladian);
background-color: hsl(40 31% 90%);
border-color: oklch(0.935 0.014 84.6);
}Tailwind CSS v4
@theme {
--color-palladian: #eee9df;
--color-palladian-50: #f7f5f1;
--color-palladian-100: #eae8e3;
--color-palladian-200: #d7d4cd;
--color-palladian-300: #bab7af;
--color-palladian-400: #a29e95;
--color-palladian-500: #8b867c;
--color-palladian-600: #757169;
--color-palladian-700: #5e5a54;
--color-palladian-800: #45423d;
--color-palladian-900: #302e2a;
--color-palladian-950: #1c1a17;
}SCSS
$palladian: #eee9df;
$palladian-rgb: 238, 233, 223;
$palladian-light: mix(#fff, $palladian, 20%);
$palladian-dark: mix(#000, $palladian, 20%);
.element {
color: $palladian;
box-shadow: 0 0 0 2px rgba($palladian, 0.35);
}