En yakın adlandırılmış renk · #EEE6F1
#EEE6F1
En yakın adlandırılmış renk: Bubble Bath
#EEE6F1 (rgb(238 230 241), hsl(284 28% 92%), oklch(0.934 0.017 316.9)) en çok Bubble Bath adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#EEE6F1
oklch(0.934 0.017 316.9)
Renk dönüşümleri
- HEX
- #eee6f1
- RGB
- rgb(238 230 241)
- HSL
- hsl(284 28% 92%)
- HWB
- hwb(284 90% 5%)
- OKLCH
- oklch(0.934 0.017 316.9)
- OKLab
- oklab(0.934 0.012 -0.012)
- CIE Lab
- lab(92.17 4.25 -4.34)
- LCH
- lch(92.17 6.08 314.4)
- CMYK
- cmyk(1% 5% 0% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0E8F2
- F1EBF4
- F3EDF5
- F5F0F7
- F6F2F8
- F8F5F9
- FAF7FB
- FCFAFC
- FDFCFE
Koyu tonlar
- CFC8D2
- B1ABB3
- 938E95
- 777379
- 5C595D
- 424043
- 2A282B
- 141314
- 030303
Gri tonlar
- E2DBE5
- D7D1D9
- CCC6CE
- C1BCC2
- B5B2B7
- AAA7AC
- A09DA1
- 959496
- 8A8A8B
Renk uyumları
Tamamlayıcı +180°
- EEE6F1
Bubble Bath
- E4ECE1
≈ Sign of Spring
Analog -30° +30°
- EEE6F1
Bubble Bath
- E8E8F4
≈ Whisper Blue
- F3E5EB
≈ Amour Frais
Üçlü +120° +240°
- EEE6F1
Bubble Bath
- F0E8DD
≈ Percale
- DDEDED
≈ White Glaze
Bölünmüş tamamlayıcı +150° +210°
- EEE6F1
Bubble Bath
- EAEADE
≈ Sterling Shadow
- DFEDE7
≈ Molten Ice
Dörtlü +90° +180° +270°
- EEE6F1
Bubble Bath
- F4E6E0
≈ Clerestory
- E4ECE1
≈ Sign of Spring
- DEECF2
≈ Ice Fishing
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.21:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.22:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.22:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--bubble-bath: #eee6f1;
--bubble-bath-rgb: 238 230 241;
--bubble-bath-oklch: oklch(0.934 0.017 316.9);
}
.element {
color: var(--bubble-bath);
background-color: hsl(284 28% 92%);
border-color: oklch(0.934 0.017 316.9);
}Tailwind CSS v4
@theme {
--color-bubble-bath: #eee6f1;
--color-bubble-bath-50: #f7f4f8;
--color-bubble-bath-100: #eae6eb;
--color-bubble-bath-200: #d7d2d9;
--color-bubble-bath-300: #bbb5bd;
--color-bubble-bath-400: #a39ba5;
--color-bubble-bath-500: #8b838e;
--color-bubble-bath-600: #756f78;
--color-bubble-bath-700: #5e5960;
--color-bubble-bath-800: #454146;
--color-bubble-bath-900: #2f2d31;
--color-bubble-bath-950: #1c1a1d;
}SCSS
$bubble-bath: #eee6f1;
$bubble-bath-rgb: 238, 230, 241;
$bubble-bath-light: mix(#fff, $bubble-bath, 20%);
$bubble-bath-dark: mix(#000, $bubble-bath, 20%);
.element {
color: $bubble-bath;
box-shadow: 0 0 0 2px rgba($bubble-bath, 0.35);
}