Nazwany kolor · #EAE6D9
China White
China White to #EAE6D9: rgb(234 230 217), hsl(46 29% 88%), oklch(0.925 0.018 92.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · China White color name →
#EAE6D9
oklch(0.925 0.018 92.7)
Konwersje koloru
- HEX
- #eae6d9
- RGB
- rgb(234 230 217)
- HSL
- hsl(46 29% 88%)
- HWB
- hwb(46 85% 8%)
- OKLCH
- oklch(0.925 0.018 92.7)
- OKLab
- oklab(0.925 -0.001 0.018)
- CIE Lab
- lab(91.34 -0.26 6.86)
- LCH
- lch(91.34 6.86 92.1)
- CMYK
- cmyk(0% 2% 7% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECE8DD
- EEEBE1
- F0EDE4
- F2F0E8
- F4F2EC
- F7F5F0
- F9F7F4
- FBFAF7
- FDFCFB
Odcienie ciemniejsze
- CBC8BC
- AEABA1
- 918E86
- 75736C
- 5A5953
- 41403B
- 292825
- 131311
- 030302
Tony
- DFDBD0
- D4D1C7
- C9C6BD
- BEBCB4
- B4B2AB
- A9A7A3
- 9F9D9A
- 949491
- 8A8A89
Harmonie kolorów
Komplementarna +180°
- EAE6D9
China White
- E2E6F2
≈ Crystal Falls
Analogowa -30° +30°
- EAE6D9
China White
- EFE4DA
≈ Sweet Gardenia
- E4E8DB
≈ Minified Moss
Triada +120° +240°
- EAE6D9
China White
- D9E9ED
≈ Sidewalk Chalk Blue
- EEE2EB
≈ Heaven Sent
Komplementarna rozszczepiona +150° +210°
- EAE6D9
China White
- DCE8F1
≈ St. Petersburg
- E8E3F0
≈ Modest Violet
Tetrada +90° +180° +270°
- EAE6D9
China White
- DAEAE7
≈ Tropical Dream
- E2E6F2
≈ Crystal Falls
- F1E1E5
≈ Pink Booties
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.24:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.81:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.81:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--china-white: #eae6d9;
--china-white-rgb: 234 230 217;
--china-white-oklch: oklch(0.925 0.018 92.7);
}
.element {
color: var(--china-white);
background-color: hsl(46 29% 88%);
border-color: oklch(0.925 0.018 92.7);
}Tailwind CSS v4
@theme {
--color-china-white: #eae6d9;
--color-china-white-50: #f7f5ef;
--color-china-white-100: #eae8e1;
--color-china-white-200: #d6d4cc;
--color-china-white-300: #bab7ad;
--color-china-white-400: #a29e93;
--color-china-white-500: #8a8679;
--color-china-white-600: #757167;
--color-china-white-700: #5d5b52;
--color-china-white-800: #45423b;
--color-china-white-900: #2f2e29;
--color-china-white-950: #1c1a17;
}SCSS
$china-white: #eae6d9;
$china-white-rgb: 234, 230, 217;
$china-white-light: mix(#fff, $china-white, 20%);
$china-white-dark: mix(#000, $china-white, 20%);
.element {
color: $china-white;
box-shadow: 0 0 0 2px rgba($china-white, 0.35);
}