Nazwany kolor · #E3E0D2
Guesthouse
Guesthouse to #E3E0D2: rgb(227 224 210), hsl(49 23% 86%), oklch(0.905 0.019 96.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Guesthouse color name →
#E3E0D2
oklch(0.905 0.019 96.9)
Konwersje koloru
- HEX
- #e3e0d2
- RGB
- rgb(227 224 210)
- HSL
- hsl(49 23% 86%)
- HWB
- hwb(49 82% 11%)
- OKLCH
- oklch(0.905 0.019 96.9)
- OKLab
- oklab(0.905 -0.002 0.019)
- CIE Lab
- lab(89.13 -0.74 7.26)
- LCH
- lch(89.13 7.3 95.8)
- CMYK
- cmyk(0% 1% 7% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6E3D6
- E9E6DB
- EBE9DF
- EEECE4
- F1EFE8
- F4F3ED
- F7F6F1
- F9F9F6
- FCFCFA
Odcienie ciemniejsze
- C5C3B6
- A8A69B
- 8C8A81
- 717068
- 575650
- 3F3E39
- 272724
- 121210
- 030202
Tony
- D9D6C9
- CECCC1
- C4C2B9
- BAB8B0
- B0AFA8
- A6A5A0
- 9D9C98
- 939290
- 898988
Harmonie kolorów
Komplementarna +180°
- E3E0D2
Guesthouse
- DCDFED
≈ Lower Lavender
Analogowa -30° +30°
- E3E0D2
Guesthouse
- E9DED3
≈ Reliable White
- DCE2D5
≈ Light Mist
Triada +120° +240°
- E3E0D2
Guesthouse
- D2E3E8
≈ Aloof
- E9DBE4
≈ Twinkled Pink
Komplementarna rozszczepiona +150° +210°
- E3E0D2
Guesthouse
- D6E1EC
≈ Beyond the Wall
- E3DDEA
≈ Pale Muse
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.32:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.85:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.85:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--guesthouse: #e3e0d2;
--guesthouse-rgb: 227 224 210;
--guesthouse-oklch: oklch(0.905 0.019 96.9);
}
.element {
color: var(--guesthouse);
background-color: hsl(49 23% 86%);
border-color: oklch(0.905 0.019 96.9);
}Tailwind CSS v4
@theme {
--color-guesthouse: #e3e0d2;
--color-guesthouse-50: #f6f5ef;
--color-guesthouse-100: #e9e8e1;
--color-guesthouse-200: #d6d4cb;
--color-guesthouse-300: #bab8ad;
--color-guesthouse-400: #a19f92;
--color-guesthouse-500: #898678;
--color-guesthouse-600: #747266;
--color-guesthouse-700: #5d5b51;
--color-guesthouse-800: #44423b;
--color-guesthouse-900: #2f2e29;
--color-guesthouse-950: #1c1b16;
}SCSS
$guesthouse: #e3e0d2;
$guesthouse-rgb: 227, 224, 210;
$guesthouse-light: mix(#fff, $guesthouse, 20%);
$guesthouse-dark: mix(#000, $guesthouse, 20%);
.element {
color: $guesthouse;
box-shadow: 0 0 0 2px rgba($guesthouse, 0.35);
}