Màu có tên gần nhất · #EBFBFF
#EBFBFF
Màu có tên gần nhất: Vapour
#EBFBFF (rgb(235 251 255), hsl(192 100% 96%), oklch(0.977 0.018 214.4)) gần nhất với màu có tên Vapour. 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.
#EBFBFF
oklch(0.977 0.018 214.4)
Chuyển đổi màu
- HEX
- #ebfbff
- RGB
- rgb(235 251 255)
- HSL
- hsl(192 100% 96%)
- HWB
- hwb(192 92% 0%)
- OKLCH
- oklch(0.977 0.018 214.4)
- OKLab
- oklab(0.977 -0.015 -0.01)
- CIE Lab
- lab(97.51 -4.86 -3.82)
- LCH
- lch(97.51 6.18 218.2)
- CMYK
- cmyk(8% 2% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDFBFF
- EFFCFF
- F1FCFF
- F3FDFF
- F5FDFF
- F7FDFF
- F9FEFF
- FBFEFF
- FDFFFF
Sắc đậm
- CCDADE
- AEBABE
- 919C9E
- 757E80
- 5B6163
- 414648
- 292D2E
- 131516
- 030303
Sắc xám
- E0EEF2
- D5E1E4
- CAD5D7
- BFC8CA
- B4BCBE
- A9AFB1
- 9FA3A4
- 949798
- 8A8C8C
Hòa sắc
Bổ túc +180°
- EBFBFF
Vapour
- FFF5F3
≈ Pink Diminishing
Tương đồng -30° +30°
- EBFBFF
Vapour
- EBFCF9
≈ Cold White
- F1F9FF
≈ Alice Blue
Bộ ba +120° +240°
- EBFBFF
Vapour
- FFF4FC
≈ Pinkish White
- FBF8EB
≈ Pearl Necklace
Bổ túc chia +150° +210°
- EBFBFF
Vapour
- FFF5F6
≈ Sea Salt Sherbet
- FFF6EE
≈ Seashell
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.06:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 19.77:1 · APCA Lc 103
Màu chữ tốt nhất: #000000
WCAG 19.77:1 (AAA) · APCA Lc 103
Contrast pairs
Đoạn mã
CSS
:root {
--vapour: #ebfbff;
--vapour-rgb: 235 251 255;
--vapour-oklch: oklch(0.977 0.018 214.4);
}
.element {
color: var(--vapour);
background-color: hsl(192 100% 96%);
border-color: oklch(0.977 0.018 214.4);
}Tailwind CSS v4
@theme {
--color-vapour: #ebfbff;
--color-vapour-50: #f0f6f8;
--color-vapour-100: #e2e9ec;
--color-vapour-200: #ccd6d9;
--color-vapour-300: #aebabd;
--color-vapour-400: #93a1a5;
--color-vapour-500: #7a898d;
--color-vapour-600: #677478;
--color-vapour-700: #525d60;
--color-vapour-800: #3c4446;
--color-vapour-900: #292f30;
--color-vapour-950: #171c1d;
}SCSS
$vapour: #ebfbff;
$vapour-rgb: 235, 251, 255;
$vapour-light: mix(#fff, $vapour, 20%);
$vapour-dark: mix(#000, $vapour, 20%);
.element {
color: $vapour;
box-shadow: 0 0 0 2px rgba($vapour, 0.35);
}