Màu có tên gần nhất · #94D1F2
#94D1F2
Màu có tên gần nhất: Below Zero
#94D1F2 (rgb(148 209 242), hsl(201 78% 76%), oklch(0.831 0.078 232.6)) gần nhất với màu có tên Below Zero. 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.
#94D1F2
oklch(0.831 0.078 232.6)
Chuyển đổi màu
- HEX
- #94d1f2
- RGB
- rgb(148 209 242)
- HSL
- hsl(201 78% 76%)
- HWB
- hwb(201 58% 5%)
- OKLCH
- oklch(0.831 0.078 232.6)
- OKLab
- oklab(0.831 -0.047 -0.062)
- CIE Lab
- lab(80.56 -14.05 -22.86)
- LCH
- lch(80.56 26.83 238.4)
- CMYK
- cmyk(39% 14% 0% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9FD6F3
- AADAF5
- B5DFF6
- C0E4F8
- CBE8F9
- D5EDFA
- E0F1FC
- EAF6FD
- F5FAFE
Sắc đậm
- 80B5D2
- 6D9BB4
- 5A8196
- 486879
- 36505E
- 263943
- 16232B
- 081014
- 010203
Sắc xám
- 93C9E6
- 91C0DA
- 8FB8CF
- 8EB0C3
- 8CA8B8
- 8AA0AC
- 8798A1
- 859096
- 83888B
Hòa sắc
Bổ túc +180°
- 94D1F2
Below Zero
- F1BA99
≈ Caramel Powder
Tương đồng -30° +30°
- 94D1F2
Below Zero
- 89D7DE
≈ VIC 20 Sky
- ADC8FB
≈ Night Snow
Bộ ba +120° +240°
- 94D1F2
Below Zero
- F0B3CC
≈ Fairy Tale
- C8CD93
≈ Springtide Green
Bổ túc chia +150° +210°
- 94D1F2
Below Zero
- F6B4B0
≈ Precious Pink
- E1C38D
≈ Moonlight Yellow
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.65:1 · APCA Lc 29
Ag
AAATrên nền đen
WCAG 12.66:1 · APCA Lc 74
Màu chữ tốt nhất: #000000
WCAG 12.66:1 (AAA) · APCA Lc 74
Contrast pairs
Đoạn mã
CSS
:root {
--below-zero: #94d1f2;
--below-zero-rgb: 148 209 242;
--below-zero-oklch: oklch(0.831 0.078 232.6);
}
.element {
color: var(--below-zero);
background-color: hsl(201 78% 76%);
border-color: oklch(0.831 0.078 232.6);
}Tailwind CSS v4
@theme {
--color-below-zero: #94d1f2;
--color-below-zero-50: #e1f9ff;
--color-below-zero-100: #d0edfe;
--color-below-zero-200: #b5daf1;
--color-below-zero-300: #91bfda;
--color-below-zero-400: #6ea7c5;
--color-below-zero-500: #4c8fb1;
--color-below-zero-600: #417996;
--color-below-zero-700: #346178;
--color-below-zero-800: #234758;
--color-below-zero-900: #18313e;
--color-below-zero-950: #081d27;
}SCSS
$below-zero: #94d1f2;
$below-zero-rgb: 148, 209, 242;
$below-zero-light: mix(#fff, $below-zero, 20%);
$below-zero-dark: mix(#000, $below-zero, 20%);
.element {
color: $below-zero;
box-shadow: 0 0 0 2px rgba($below-zero, 0.35);
}