Màu có tên gần nhất · #DBE6ED
#DBE6ED
Màu có tên gần nhất: White Frost
#DBE6ED (rgb(219 230 237), hsl(203 33% 89%), oklch(0.919 0.015 235.4)) gần nhất với màu có tên White Frost. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#DBE6ED
oklch(0.919 0.015 235.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DFE8EF
- E2EBF1
- E6EDF2
- E9F0F4
- EDF2F6
- F1F5F8
- F4F7FA
- F8FAFB
- FBFCFD
Sắc đậm
- BEC8CE
- A2ABB0
- 878E93
- 6D7377
- 54595C
- 3C4042
- 26282A
- 111314
- 020303
Sắc xám
- D2DBE2
- C8D1D6
- BFC6CB
- B6BCC0
- ACB2B5
- A3A7AA
- 9A9D9F
- 919495
- 898A8A
Hòa sắc
Bổ túc +180°
- DBE6ED
White Frost
- EDE2DB
≈ Bistro Napkin
Tương đồng -30° +30°
- DBE6ED
White Frost
- D9E7E9
≈ Soft Blue White
- DFE4EF
≈ Iris Ice
Bộ ba +120° +240°
- DBE6ED
White Frost
- EDE0E4
≈ Barely Rose
- E3E6DA
≈ Lincolnshire Sausage
Bổ túc chia +150° +210°
- DBE6ED
White Frost
- EEE0DF
≈ Rose Cream
- E9E4D9
≈ Shoelace
Bộ bốn +90° +180° +270°
- DBE6ED
White Frost
- EAE1EA
≈ Tiara Jewel
- EDE2DB
≈ Bistro Napkin
- DEE7DE
≈ Moist Silver
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.26:1 · APCA Lc 13
Ag
AAATrên nền đen
WCAG 16.55:1 · APCA Lc 91
Màu chữ tốt nhất: #000000
WCAG 16.55:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
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);
}