En yakın adlandırılmış renk · #EAF2EB
#EAF2EB
En yakın adlandırılmış renk: Bath Bubbles
#EAF2EB (rgb(234 242 235), hsl(127 24% 93%), oklch(0.953 0.013 149.2)) en çok Bath Bubbles 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.
#EAF2EB
oklch(0.953 0.013 149.2)
Renk dönüşümleri
- HEX
- #eaf2eb
- RGB
- rgb(234 242 235)
- HSL
- hsl(127 24% 93%)
- HWB
- hwb(127 92% 5%)
- OKLCH
- oklch(0.953 0.013 149.2)
- OKLab
- oklab(0.953 -0.011 0.006)
- CIE Lab
- lab(94.74 -3.68 2.42)
- LCH
- lch(94.74 4.4 146.7)
- CMYK
- cmyk(3% 0% 3% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ECF3ED
- EEF5EF
- F0F6F1
- F2F7F3
- F4F8F5
- F7FAF7
- F9FBF9
- FBFCFB
- FDFEFD
Koyu tonlar
- CBD2CC
- AEB4AE
- 919691
- 757975
- 5A5E5B
- 414341
- 292B29
- 131413
- 030303
Gri tonlar
- DFE6E0
- D4DAD5
- C9CECA
- BEC3BF
- B4B7B4
- A9ACA9
- 9FA19F
- 949694
- 8A8B8A
Renk uyumları
Tamamlayıcı +180°
- EAF2EB
Bath Bubbles
- F5EDF4
≈ Sentimental Pink
Analog -30° +30°
- EAF2EB
Bath Bubbles
- EEF1E8
≈ Fogtown
- E7F2F0
≈ Ethereal White
Üçlü +120° +240°
- EAF2EB
Bath Bubbles
- ECEFF8
≈ First Snow
- F8EDEB
≈ Salt Pebble
Bölünmüş tamamlayıcı +150° +210°
- EAF2EB
Bath Bubbles
- F0EEF7
≈ Silver Phoenix
- F7ECEF
≈ Clichy White
Dörtlü +90° +180° +270°
- EAF2EB
Bath Bubbles
- E8F1F7
≈ Clear Vision
- F5EDF4
≈ Sentimental Pink
- F6EEE7
≈ Icing Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.14:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.39:1 · APCA Lc 98
En iyi metin rengi: #000000
WCAG 18.39:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
CSS
:root {
--bath-bubbles: #eaf2eb;
--bath-bubbles-rgb: 234 242 235;
--bath-bubbles-oklch: oklch(0.953 0.013 149.2);
}
.element {
color: var(--bath-bubbles);
background-color: hsl(127 24% 93%);
border-color: oklch(0.953 0.013 149.2);
}Tailwind CSS v4
@theme {
--color-bath-bubbles: #eaf2eb;
--color-bath-bubbles-50: #f3f6f3;
--color-bath-bubbles-100: #e5e9e6;
--color-bath-bubbles-200: #d0d6d1;
--color-bath-bubbles-300: #b3b9b4;
--color-bath-bubbles-400: #9aa19a;
--color-bath-bubbles-500: #818982;
--color-bath-bubbles-600: #6d746e;
--color-bath-bubbles-700: #575c58;
--color-bath-bubbles-800: #404440;
--color-bath-bubbles-900: #2c2f2c;
--color-bath-bubbles-950: #191b19;
}SCSS
$bath-bubbles: #eaf2eb;
$bath-bubbles-rgb: 234, 242, 235;
$bath-bubbles-light: mix(#fff, $bath-bubbles, 20%);
$bath-bubbles-dark: mix(#000, $bath-bubbles, 20%);
.element {
color: $bath-bubbles;
box-shadow: 0 0 0 2px rgba($bath-bubbles, 0.35);
}