Nazwany kolor · #EAF1E6
Chestnut White
Chestnut White to #EAF1E6: rgb(234 241 230), hsl(98 28% 92%), oklch(0.95 0.016 133.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Chestnut White color name →
#EAF1E6
oklch(0.95 0.016 133.8)
Konwersje koloru
- HEX
- #eaf1e6
- RGB
- rgb(234 241 230)
- HSL
- hsl(98 28% 92%)
- HWB
- hwb(98 90% 5%)
- OKLCH
- oklch(0.95 0.016 133.8)
- OKLab
- oklab(0.95 -0.011 0.012)
- CIE Lab
- lab(94.38 -3.86 4.48)
- LCH
- lch(94.38 5.91 130.8)
- CMYK
- cmyk(3% 0% 5% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECF2E8
- EEF4EB
- F0F5ED
- F2F7F0
- F4F8F2
- F7F9F5
- F9FBF7
- FBFCFA
- FDFEFC
Odcienie ciemniejsze
- CBD2C8
- AEB3AB
- 91958E
- 757973
- 5A5D59
- 414340
- 292B28
- 131413
- 030303
Tony
- DFE5DB
- D4D9D1
- C9CEC6
- BEC2BC
- B4B7B2
- A9ACA7
- 9FA19D
- 949694
- 8A8B8A
Harmonie kolorów
Komplementarna +180°
- EAF1E6
Chestnut White
- F2EBF6
≈ Perfume Haze
Analogowa -30° +30°
- EAF1E6
Chestnut White
- F0EFE3
≈ Snowy Pine
- E5F2EB
≈ Bath Bubbles
Triada +120° +240°
- EAF1E6
Chestnut White
- E7EFFA
≈ Cotton Boll
- F9EAEB
≈ Arrowhead White
Komplementarna rozszczepiona +150° +210°
- EAF1E6
Chestnut White
- EDEDF9
≈ Silver Phoenix
- F7EAF1
≈ Snow Plum
Tetrada +90° +180° +270°
- EAF1E6
Chestnut White
- E3F1F7
≈ Clear Vision
- F2EBF6
≈ Perfume Haze
- F9EBE6
≈ Parchment White
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.15:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.22:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 18.22:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--chestnut-white: #eaf1e6;
--chestnut-white-rgb: 234 241 230;
--chestnut-white-oklch: oklch(0.95 0.016 133.8);
}
.element {
color: var(--chestnut-white);
background-color: hsl(98 28% 92%);
border-color: oklch(0.95 0.016 133.8);
}Tailwind CSS v4
@theme {
--color-chestnut-white: #eaf1e6;
--color-chestnut-white-50: #f3f6f2;
--color-chestnut-white-100: #e5e9e4;
--color-chestnut-white-200: #d1d6cf;
--color-chestnut-white-300: #b4b9b1;
--color-chestnut-white-400: #9aa197;
--color-chestnut-white-500: #82897e;
--color-chestnut-white-600: #6e746b;
--color-chestnut-white-700: #585d55;
--color-chestnut-white-800: #40443e;
--color-chestnut-white-900: #2c2f2a;
--color-chestnut-white-950: #191b18;
}SCSS
$chestnut-white: #eaf1e6;
$chestnut-white-rgb: 234, 241, 230;
$chestnut-white-light: mix(#fff, $chestnut-white, 20%);
$chestnut-white-dark: mix(#000, $chestnut-white, 20%);
.element {
color: $chestnut-white;
box-shadow: 0 0 0 2px rgba($chestnut-white, 0.35);
}