Nazwany kolor · #EBE6D7
Historic White
Historic White to #EBE6D7: rgb(235 230 215), hsl(45 33% 88%), oklch(0.925 0.021 91.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Historic White color name →
#EBE6D7
oklch(0.925 0.021 91.6)
Konwersje koloru
- HEX
- #ebe6d7
- RGB
- rgb(235 230 215)
- HSL
- hsl(45 33% 88%)
- HWB
- hwb(45 84% 8%)
- OKLCH
- oklch(0.925 0.021 91.6)
- OKLab
- oklab(0.925 -0.001 0.021)
- CIE Lab
- lab(91.38 -0.14 7.97)
- LCH
- lch(91.38 7.97 91)
- CMYK
- cmyk(0% 2% 9% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EDE8DB
- EFEBDF
- F1EDE3
- F3F0E7
- F5F2EB
- F7F5EF
- F9F7F3
- FBFAF7
- FDFCFB
Odcienie ciemniejsze
- CCC8BB
- AEAB9F
- 918E85
- 75736B
- 5B5952
- 41403B
- 292825
- 131311
- 030302
Tony
- E0DBCE
- D5D1C5
- CAC6BC
- BFBCB3
- B4B2AB
- A9A7A2
- 9F9D99
- 949491
- 8A8A88
Harmonie kolorów
Komplementarna +180°
- EBE6D7
Historic White
- E1E6F5
≈ Crystal Falls
Analogowa -30° +30°
- EBE6D7
Historic White
- F1E3D9
≈ Victorian Pearl
- E4E9DA
≈ Rhine Falls
Triada +120° +240°
- EBE6D7
Historic White
- D7EAEE
≈ Frost Wind
- EFE1EC
≈ Heaven Sent
Komplementarna rozszczepiona +150° +210°
- EBE6D7
Historic White
- DBE8F3
≈ Azureish White
- E8E3F2
≈ Modest Violet
Tetrada +90° +180° +270°
- EBE6D7
Historic White
- D8EBE7
≈ Stillness
- E1E6F5
≈ Crystal Falls
- F3E1E5
≈ Candy Mix
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.24:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.83:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.83:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--historic-white: #ebe6d7;
--historic-white-rgb: 235 230 215;
--historic-white-oklch: oklch(0.925 0.021 91.6);
}
.element {
color: var(--historic-white);
background-color: hsl(45 33% 88%);
border-color: oklch(0.925 0.021 91.6);
}Tailwind CSS v4
@theme {
--color-historic-white: #ebe6d7;
--color-historic-white-50: #f7f5ef;
--color-historic-white-100: #eae8e0;
--color-historic-white-200: #d7d4cb;
--color-historic-white-300: #bbb7ac;
--color-historic-white-400: #a39e91;
--color-historic-white-500: #8b8677;
--color-historic-white-600: #767165;
--color-historic-white-700: #5e5b50;
--color-historic-white-800: #45423a;
--color-historic-white-900: #302e28;
--color-historic-white-950: #1c1a16;
}SCSS
$historic-white: #ebe6d7;
$historic-white-rgb: 235, 230, 215;
$historic-white-light: mix(#fff, $historic-white, 20%);
$historic-white-dark: mix(#000, $historic-white, 20%);
.element {
color: $historic-white;
box-shadow: 0 0 0 2px rgba($historic-white, 0.35);
}