Najbliższy nazwany kolor · #E9E0D6
#E9E0D6
Najbliższy nazwany kolor: Mountain Peak
#E9E0D6 (rgb(233 224 214), hsl(32 30% 88%), oklch(0.911 0.017 70.5)) jest najbliższy nazwanemu kolorowi Mountain Peak. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E9E0D6
oklch(0.911 0.017 70.5)
Konwersje koloru
- HEX
- #e9e0d6
- RGB
- rgb(233 224 214)
- HSL
- hsl(32 30% 88%)
- HWB
- hwb(32 84% 9%)
- OKLCH
- oklch(0.911 0.017 70.5)
- OKLab
- oklab(0.911 0.006 0.016)
- CIE Lab
- lab(89.69 1.91 6.06)
- LCH
- lch(89.69 6.36 72.5)
- CMYK
- cmyk(0% 4% 8% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EBE3DA
- EDE6DE
- F0E9E2
- F2ECE6
- F4EFEA
- F6F3EE
- F8F6F3
- FBF9F7
- FDFCFB
Odcienie ciemniejsze
- CBC3BA
- ADA69E
- 908A84
- 74706A
- 5A5652
- 413E3B
- 292725
- 131210
- 030202
Tony
- DED6CD
- D3CCC4
- C8C2BB
- BEB8B3
- B3AFAA
- A9A5A1
- 9E9C99
- 949291
- 8A8988
Harmonie kolorów
Komplementarna +180°
- E9E0D6
Mountain Peak
- DAE3ED
≈ Iceberg
Analogowa -30° +30°
- E9E0D6
Mountain Peak
- ECDED9
≈ Wishy-Washy Beige
- E4E2D6
≈ Large Wild Convolvulus
Triada +120° +240°
- E9E0D6
Mountain Peak
- D6E5E4
≈ Fluffy Slippers
- E5DFEA
≈ Powdery Mist
Komplementarna rozszczepiona +150° +210°
- E9E0D6
Mountain Peak
- D6E4E9
≈ Dreamstress
- DFE1ED
≈ Blush Sky
Tetrada +90° +180° +270°
- E9E0D6
Mountain Peak
- D9E5DE
≈ Crystal Salt White
- DAE3ED
≈ Iceberg
- EADEE5
≈ Weak Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.30:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.09:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.09:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--mountain-peak: #e9e0d6;
--mountain-peak-rgb: 233 224 214;
--mountain-peak-oklch: oklch(0.911 0.017 70.5);
}
.element {
color: var(--mountain-peak);
background-color: hsl(32 30% 88%);
border-color: oklch(0.911 0.017 70.5);
}Tailwind CSS v4
@theme {
--color-mountain-peak: #e9e0d6;
--color-mountain-peak-50: #f8f4f0;
--color-mountain-peak-100: #ebe7e2;
--color-mountain-peak-200: #d9d3cd;
--color-mountain-peak-300: #bdb6ae;
--color-mountain-peak-400: #a59d94;
--color-mountain-peak-500: #8d857a;
--color-mountain-peak-600: #787068;
--color-mountain-peak-700: #605a53;
--color-mountain-peak-800: #46413c;
--color-mountain-peak-900: #312d29;
--color-mountain-peak-950: #1d1a17;
}SCSS
$mountain-peak: #e9e0d6;
$mountain-peak-rgb: 233, 224, 214;
$mountain-peak-light: mix(#fff, $mountain-peak, 20%);
$mountain-peak-dark: mix(#000, $mountain-peak, 20%);
.element {
color: $mountain-peak;
box-shadow: 0 0 0 2px rgba($mountain-peak, 0.35);
}