Adlandırılmış renk · #D8E9DB
Bath
Bath, #D8E9DB: rgb(216 233 219), hsl(131 28% 88%), oklch(0.917 0.026 150.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Bath color name →
#D8E9DB
oklch(0.917 0.026 150.8)
Renk dönüşümleri
- HEX
- #d8e9db
- RGB
- rgb(216 233 219)
- HSL
- hsl(131 28% 88%)
- HWB
- hwb(131 85% 9%)
- OKLCH
- oklch(0.917 0.026 150.8)
- OKLab
- oklab(0.917 -0.023 0.013)
- CIE Lab
- lab(90.77 -7.76 4.79)
- LCH
- lch(90.77 9.12 148.3)
- CMYK
- cmyk(7% 0% 6% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DCEBDF
- E0EDE2
- E4F0E6
- E8F2E9
- EBF4ED
- EFF6F1
- F3F8F4
- F7FBF8
- FBFDFB
Koyu tonlar
- BCCBBE
- A0ADA2
- 859087
- 6B746D
- 535A54
- 3B413C
- 252926
- 111311
- 020302
Gri tonlar
- CFDED2
- C6D3C8
- BDC8BF
- B4BEB6
- ABB3AC
- A2A9A3
- 9A9E9A
- 919491
- 888A89
Renk uyumları
Tamamlayıcı +180°
- D8E9DB
Bath
- EEDEEC
≈ Divine Dove
Analog -30° +30°
Üçlü +120° +240°
- D8E9DB
Bath
- DDE3F6
≈ Iris Ice
- F5DED9
≈ Pink Chablis
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.26:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.59:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.59:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--bath: #d8e9db;
--bath-rgb: 216 233 219;
--bath-oklch: oklch(0.917 0.026 150.8);
}
.element {
color: var(--bath);
background-color: hsl(131 28% 88%);
border-color: oklch(0.917 0.026 150.8);
}Tailwind CSS v4
@theme {
--color-bath: #d8e9db;
--color-bath-50: #f0f7f2;
--color-bath-100: #e2eae4;
--color-bath-200: #ccd8cf;
--color-bath-300: #aebbb1;
--color-bath-400: #94a397;
--color-bath-500: #7a8b7d;
--color-bath-600: #68766a;
--color-bath-700: #535e55;
--color-bath-800: #3c453d;
--color-bath-900: #29302a;
--color-bath-950: #171c18;
}SCSS
$bath: #d8e9db;
$bath-rgb: 216, 233, 219;
$bath-light: mix(#fff, $bath, 20%);
$bath-dark: mix(#000, $bath, 20%);
.element {
color: $bath;
box-shadow: 0 0 0 2px rgba($bath, 0.35);
}