Dichtstbijzijnde benoemde kleur · #EEE9E0
#EEE9E0
Dichtstbijzijnde benoemde kleur: Palladian
#EEE9E0 (rgb(238 233 224), hsl(39 29% 91%), oklch(0.935 0.013 82.4)) komt het dichtst bij de benoemde kleur Palladian. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#EEE9E0
oklch(0.935 0.013 82.4)
Kleurconversies
- HEX
- #eee9e0
- RGB
- rgb(238 233 224)
- HSL
- hsl(39 29% 91%)
- HWB
- hwb(39 88% 7%)
- OKLCH
- oklch(0.935 0.013 82.4)
- OKLab
- oklab(0.935 0.002 0.013)
- CIE Lab
- lab(92.56 0.59 5.02)
- LCH
- lch(92.56 5.05 83.2)
- CMYK
- cmyk(0% 2% 6% 7%)
Tinten · Schaduwen · Tonen
Tinten
- F0EBE3
- F1EDE6
- F3F0E9
- F5F2EC
- F6F4EF
- F8F6F3
- FAF8F6
- FCFBF9
- FDFDFC
Schaduwen
- CFCBC3
- B1ADA6
- 93908A
- 777470
- 5C5A56
- 42413E
- 2A2927
- 141312
- 030302
Tonen
- E2DED6
- D7D3CC
- CCC8C2
- C1BEB8
- B5B3AF
- AAA9A5
- A09E9C
- 959492
- 8A8A89
Kleurharmonieën
Complementair +180°
- EEE9E0
Palladian
- E5EAF3
≈ Whisper Blue
Analoog -30° +30°
- EEE9E0
Palladian
- F1E7E2
≈ Homoeopathic Orange
- E9EBE1
≈ Ice Dream
Triadisch +120° +240°
- EEE9E0
Palladian
- E0ECED
≈ Winter’s Breath
- EEE7EF
≈ In the Spotlight
Gesplitst complementair +150° +210°
- EEE9E0
Palladian
- E1EBF1
≈ Himalaya Peaks
- EAE8F2
≈ Tranquil Eve
Tetradisch +90° +180° +270°
- EEE9E0
Palladian
- E1EDE9
≈ Club Soda
- E5EAF3
≈ Whisper Blue
- F1E6EA
≈ Bride
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.20:1 · APCA Lc 10
Ag
AAAOp zwart
WCAG 17.36:1 · APCA Lc 94
Beste tekstkleur: #000000
WCAG 17.36:1 (AAA) · APCA Lc 94
Contrast pairs
Codefragmenten
CSS
:root {
--palladian: #eee9e0;
--palladian-rgb: 238 233 224;
--palladian-oklch: oklch(0.935 0.013 82.4);
}
.element {
color: var(--palladian);
background-color: hsl(39 29% 91%);
border-color: oklch(0.935 0.013 82.4);
}Tailwind CSS v4
@theme {
--color-palladian: #eee9e0;
--color-palladian-50: #f7f5f1;
--color-palladian-100: #eae8e3;
--color-palladian-200: #d7d4ce;
--color-palladian-300: #bab7b0;
--color-palladian-400: #a29e96;
--color-palladian-500: #8a857d;
--color-palladian-600: #757169;
--color-palladian-700: #5e5a54;
--color-palladian-800: #45423d;
--color-palladian-900: #302d2a;
--color-palladian-950: #1c1a18;
}SCSS
$palladian: #eee9e0;
$palladian-rgb: 238, 233, 224;
$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);
}