En yakın adlandırılmış renk · #DBE6ED
#DBE6ED
En yakın adlandırılmış renk: White Frost
#DBE6ED (rgb(219 230 237), hsl(203 33% 89%), oklch(0.919 0.015 235.4)) en çok White Frost 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.
#DBE6ED
oklch(0.919 0.015 235.4)
Renk dönüşümleri
- HEX
- #dbe6ed
- RGB
- rgb(219 230 237)
- HSL
- hsl(203 33% 89%)
- HWB
- hwb(203 86% 7%)
- OKLCH
- oklch(0.919 0.015 235.4)
- OKLab
- oklab(0.919 -0.009 -0.013)
- CIE Lab
- lab(90.61 -2.81 -4.75)
- LCH
- lch(90.61 5.52 239.4)
- CMYK
- cmyk(8% 3% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFE8EF
- E2EBF1
- E6EDF2
- E9F0F4
- EDF2F6
- F1F5F8
- F4F7FA
- F8FAFB
- FBFCFD
Koyu tonlar
- BEC8CE
- A2ABB0
- 878E93
- 6D7377
- 54595C
- 3C4042
- 26282A
- 111314
- 020303
Gri tonlar
- D2DBE2
- C8D1D6
- BFC6CB
- B6BCC0
- ACB2B5
- A3A7AA
- 9A9D9F
- 919495
- 898A8A
Renk uyumları
Tamamlayıcı +180°
- DBE6ED
White Frost
- EDE2DB
≈ Bistro Napkin
Analog -30° +30°
- DBE6ED
White Frost
- D9E7E9
≈ Soft Blue White
- DFE4EF
≈ Iris Ice
Üçlü +120° +240°
- DBE6ED
White Frost
- EDE0E4
≈ Barely Rose
- E3E6DA
≈ Lincolnshire Sausage
Bölünmüş tamamlayıcı +150° +210°
- DBE6ED
White Frost
- EEE0DF
≈ Rose Cream
- E9E4D9
≈ Shoelace
Dörtlü +90° +180° +270°
- DBE6ED
White Frost
- EAE1EA
≈ Tiara Jewel
- EDE2DB
≈ Bistro Napkin
- DEE7DE
≈ Moist Silver
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.26:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.55:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.55:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--white-frost: #dbe6ed;
--white-frost-rgb: 219 230 237;
--white-frost-oklch: oklch(0.919 0.015 235.4);
}
.element {
color: var(--white-frost);
background-color: hsl(203 33% 89%);
border-color: oklch(0.919 0.015 235.4);
}Tailwind CSS v4
@theme {
--color-white-frost: #dbe6ed;
--color-white-frost-50: #f1f6f9;
--color-white-frost-100: #e3e9ec;
--color-white-frost-200: #ced5da;
--color-white-frost-300: #b0b9be;
--color-white-frost-400: #96a0a6;
--color-white-frost-500: #7d888f;
--color-white-frost-600: #6a7379;
--color-white-frost-700: #555c61;
--color-white-frost-800: #3d4347;
--color-white-frost-900: #2a2f31;
--color-white-frost-950: #181b1d;
}SCSS
$white-frost: #dbe6ed;
$white-frost-rgb: 219, 230, 237;
$white-frost-light: mix(#fff, $white-frost, 20%);
$white-frost-dark: mix(#000, $white-frost, 20%);
.element {
color: $white-frost;
box-shadow: 0 0 0 2px rgba($white-frost, 0.35);
}