Màu có tên gần nhất · #D4F8FC
#D4F8FC
Màu có tên gần nhất: Vaporised
#D4F8FC (rgb(212 248 252), hsl(186 87% 91%), oklch(0.955 0.038 204.7)) gần nhất với màu có tên Vaporised. 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.
#D4F8FC
oklch(0.955 0.038 204.7)
Chuyển đổi màu
- HEX
- #d4f8fc
- RGB
- rgb(212 248 252)
- HSL
- hsl(186 87% 91%)
- HWB
- hwb(186 83% 1%)
- OKLCH
- oklch(0.955 0.038 204.7)
- OKLab
- oklab(0.955 -0.034 -0.016)
- CIE Lab
- lab(95.09 -11.42 -6.03)
- LCH
- lch(95.09 12.91 207.8)
- CMYK
- cmyk(16% 2% 0% 1%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D8F9FC
- DDF9FD
- E1FAFD
- E6FBFD
- EAFCFE
- EEFCFE
- F2FDFE
- F7FEFE
- FBFEFF
Sắc đậm
- B8D8DB
- 9DB8BB
- 839A9C
- 697C7E
- 516062
- 3A4547
- 242C2D
- 101516
- 020303
Sắc xám
- CBEBEF
- C3DFE2
- BAD3D5
- B2C6C9
- A9BABC
- A1AEB0
- 99A2A4
- 909798
- 888B8C
Hòa sắc
Bổ túc +180°
- D4F8FC
Vaporised
- FFEBE9
≈ Rose Frost
Tương đồng -30° +30°
- D4F8FC
Vaporised
- D7F9EE
≈ Mid Spring Morning
- E1F3FF
≈ Wizard White
Bộ ba +120° +240°
- D4F8FC
Vaporised
- FEE8FE
≈ Fairy Bubblegum Cloud
- FCEFD4
≈ Varden
Bổ túc chia +150° +210°
- D4F8FC
Vaporised
- FFE9F1
≈ Fairy Wings
- FFECE0
≈ Pink Glow
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.12:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.63:1 · APCA Lc 99
Màu chữ tốt nhất: #000000
WCAG 18.63:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
CSS
:root {
--vaporised: #d4f8fc;
--vaporised-rgb: 212 248 252;
--vaporised-oklch: oklch(0.955 0.038 204.7);
}
.element {
color: var(--vaporised);
background-color: hsl(186 87% 91%);
border-color: oklch(0.955 0.038 204.7);
}Tailwind CSS v4
@theme {
--color-vaporised: #d4f8fc;
--color-vaporised-50: #eaf8fa;
--color-vaporised-100: #daecee;
--color-vaporised-200: #c3d9dc;
--color-vaporised-300: #a2bdc1;
--color-vaporised-400: #85a5a9;
--color-vaporised-500: #698e92;
--color-vaporised-600: #59787b;
--color-vaporised-700: #476063;
--color-vaporised-800: #334648;
--color-vaporised-900: #233132;
--color-vaporised-950: #121d1e;
}SCSS
$vaporised: #d4f8fc;
$vaporised-rgb: 212, 248, 252;
$vaporised-light: mix(#fff, $vaporised, 20%);
$vaporised-dark: mix(#000, $vaporised, 20%);
.element {
color: $vaporised;
box-shadow: 0 0 0 2px rgba($vaporised, 0.35);
}