Màu có tên gần nhất · #E4F0F6
#E4F0F6
Màu có tên gần nhất: Out Cold
#E4F0F6 (rgb(228 240 246), hsl(200 50% 93%), oklch(0.948 0.015 229)) gần nhất với màu có tên Out Cold. 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.
#E4F0F6
oklch(0.948 0.015 229)
Chuyển đổi màu
- HEX
- #e4f0f6
- RGB
- rgb(228 240 246)
- HSL
- hsl(200 50% 93%)
- HWB
- hwb(200 89% 4%)
- OKLCH
- oklch(0.948 0.015 229)
- OKLab
- oklab(0.948 -0.01 -0.011)
- CIE Lab
- lab(94.02 -3.27 -4.35)
- LCH
- lch(94.02 5.44 233)
- CMYK
- cmyk(7% 2% 0% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E7F1F7
- E9F3F8
- ECF4F9
- EFF6FA
- F1F7FB
- F4F9FB
- F7FAFC
- FAFCFD
- FCFDFE
Sắc đậm
- C6D1D6
- A9B2B7
- 8D9598
- 72787B
- 585D5F
- 3F4345
- 282A2C
- 121415
- 030303
Sắc xám
- DAE4EA
- CFD9DD
- C5CDD1
- BBC2C5
- B1B6B9
- A7ABAD
- 9DA0A2
- 939596
- 8A8B8B
Hòa sắc
Bổ túc +180°
- E4F0F6
Out Cold
- F7EBE5
≈ Naivete
Tương đồng -30° +30°
- E4F0F6
Out Cold
- E3F1F1
≈ Cloud
- E8EEF8
≈ First Snow
Bộ ba +120° +240°
- E4F0F6
Out Cold
- F6EAEF
≈ Snow Plum
- EEEFE3
≈ Star Magnolia
Bổ túc chia +150° +210°
- E4F0F6
Out Cold
- F8EAEA
≈ Ballerina Gown
- F3EDE3
≈ Flurries
Bộ bốn +90° +180° +270°
- E4F0F6
Out Cold
- F2EBF4
≈ Snow Plum
- F7EBE5
≈ Naivete
- E9F0E7
≈ Trellis
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.16:1 · APCA Lc 8
Ag
AAATrên nền đen
WCAG 18.09:1 · APCA Lc 97
Màu chữ tốt nhất: #000000
WCAG 18.09:1 (AAA) · APCA Lc 97
Contrast pairs
Đoạn mã
CSS
:root {
--out-cold: #e4f0f6;
--out-cold-rgb: 228 240 246;
--out-cold-oklch: oklch(0.948 0.015 229);
}
.element {
color: var(--out-cold);
background-color: hsl(200 50% 93%);
border-color: oklch(0.948 0.015 229);
}Tailwind CSS v4
@theme {
--color-out-cold: #e4f0f6;
--color-out-cold-50: #f1f6f9;
--color-out-cold-100: #e3e9ec;
--color-out-cold-200: #ced5da;
--color-out-cold-300: #b0b9be;
--color-out-cold-400: #96a0a6;
--color-out-cold-500: #7c888e;
--color-out-cold-600: #697378;
--color-out-cold-700: #545c60;
--color-out-cold-800: #3d4446;
--color-out-cold-900: #2a2f31;
--color-out-cold-950: #181b1d;
}SCSS
$out-cold: #e4f0f6;
$out-cold-rgb: 228, 240, 246;
$out-cold-light: mix(#fff, $out-cold, 20%);
$out-cold-dark: mix(#000, $out-cold, 20%);
.element {
color: $out-cold;
box-shadow: 0 0 0 2px rgba($out-cold, 0.35);
}