Adlandırılmış renk · #EEE6D9
Japanese White
Japanese White, #EEE6D9: rgb(238 230 217), hsl(37 38% 89%), oklch(0.928 0.019 80.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Japanese White color name →
#EEE6D9
oklch(0.928 0.019 80.1)
Renk dönüşümleri
- HEX
- #eee6d9
- RGB
- rgb(238 230 217)
- HSL
- hsl(37 38% 89%)
- HWB
- hwb(37 85% 7%)
- OKLCH
- oklch(0.928 0.019 80.1)
- OKLab
- oklab(0.928 0.003 0.019)
- CIE Lab
- lab(91.67 1.17 7.37)
- LCH
- lch(91.67 7.46 81)
- CMYK
- cmyk(0% 3% 9% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0E8DD
- F1EBE1
- F3EDE4
- F5F0E8
- F6F2EC
- F8F5F0
- FAF7F4
- FCFAF7
- FDFCFB
Koyu tonlar
- CFC8BC
- B1ABA1
- 938E86
- 77736C
- 5C5953
- 42403B
- 2A2825
- 141311
- 030302
Gri tonlar
- E2DBD0
- D7D1C7
- CCC6BD
- C1BCB4
- B5B2AB
- AAA7A3
- A09D9A
- 959491
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- EEE6D9
Japanese White
- E0E8F4
≈ St. Petersburg
Analog -30° +30°
- EEE6D9
Japanese White
- F3E4DC
≈ Eggshell White
- E7E8DA
≈ Shy Green
Üçlü +120° +240°
- EEE6D9
Japanese White
- D9EBEC
≈ Water Squirt
- EDE3EF
≈ Faded Fuchsia
Bölünmüş tamamlayıcı +150° +210°
- EEE6D9
Japanese White
- DBEAF2
≈ Azureish White
- E6E5F4
≈ Lavender Syrup
Dörtlü +90° +180° +270°
- EEE6D9
Japanese White
- DBECE5
≈ Dunnock Egg
- E0E8F4
≈ St. Petersburg
- F2E2E9
≈ Pink Amour
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.23:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.95:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.95:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--japanese-white: #eee6d9;
--japanese-white-rgb: 238 230 217;
--japanese-white-oklch: oklch(0.928 0.019 80.1);
}
.element {
color: var(--japanese-white);
background-color: hsl(37 38% 89%);
border-color: oklch(0.928 0.019 80.1);
}Tailwind CSS v4
@theme {
--color-japanese-white: #eee6d9;
--color-japanese-white-50: #f8f5ef;
--color-japanese-white-100: #ebe7e1;
--color-japanese-white-200: #d8d4cb;
--color-japanese-white-300: #bcb7ac;
--color-japanese-white-400: #a49d92;
--color-japanese-white-500: #8d8578;
--color-japanese-white-600: #777166;
--color-japanese-white-700: #5f5a51;
--color-japanese-white-800: #46423b;
--color-japanese-white-900: #312d28;
--color-japanese-white-950: #1d1a16;
}SCSS
$japanese-white: #eee6d9;
$japanese-white-rgb: 238, 230, 217;
$japanese-white-light: mix(#fff, $japanese-white, 20%);
$japanese-white-dark: mix(#000, $japanese-white, 20%);
.element {
color: $japanese-white;
box-shadow: 0 0 0 2px rgba($japanese-white, 0.35);
}