Màu có tên gần nhất · #8FCDE9
#8FCDE9
Màu có tên gần nhất: Below Zero
#8FCDE9 (rgb(143 205 233), hsl(199 67% 74%), oklch(0.816 0.074 227.9)) 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.
#8FCDE9
oklch(0.816 0.074 227.9)
Chuyển đổi màu
- HEX
- #8fcde9
- RGB
- rgb(143 205 233)
- HSL
- hsl(199 67% 74%)
- HWB
- hwb(199 56% 9%)
- OKLCH
- oklch(0.816 0.074 227.9)
- OKLab
- oklab(0.816 -0.05 -0.055)
- CIE Lab
- lab(78.94 -15.3 -20.55)
- LCH
- lch(78.94 25.62 233.3)
- CMYK
- cmyk(39% 12% 0% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9BD2EB
- A6D7EE
- B2DCF0
- BDE1F2
- C8E6F4
- D3EBF7
- DEF0F9
- E9F5FB
- F4FAFD
Sắc đậm
- 7CB2CB
- 6998AD
- 577E90
- 456674
- 344E5A
- 243841
- 152329
- 070F13
- 010203
Sắc xám
- 8EC5DE
- 8DBDD3
- 8CB5C9
- 8BAEBE
- 89A6B3
- 889EA9
- 86979F
- 848F94
- 82888A
Hòa sắc
Bổ túc +180°
- 8FCDE9
Below Zero
- ECB599
≈ Posh Peach
Tương đồng -30° +30°
- 8FCDE9
Below Zero
- 87D2D4
≈ Mountain Lake Blue
- A5C5F3
≈ Sky High
Bộ ba +120° +240°
- 8FCDE9
Below Zero
- E8B0CB
≈ Roses in the Snow
- C7C78F
≈ Creamy Spinaci
Bổ túc chia +150° +210°
- 8FCDE9
Below Zero
- EFB0B1
≈ Deeply Embarrassed
- DEBD8C
≈ Royal Gold
Bộ bốn +90° +180° +270°
- 8FCDE9
Below Zero
- D7B4E3
≈ Pretty Petunia
- ECB599
≈ Posh Peach
- ACCFA0
≈ Relaxation Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.73:1 · APCA Lc 32
Ag
AAATrên nền đen
WCAG 12.07:1 · APCA Lc 71
Màu chữ tốt nhất: #000000
WCAG 12.07:1 (AAA) · APCA Lc 71
Contrast pairs
Đoạn mã
CSS
:root {
--below-zero: #8fcde9;
--below-zero-rgb: 143 205 233;
--below-zero-oklch: oklch(0.816 0.074 227.9);
}
.element {
color: var(--below-zero);
background-color: hsl(199 67% 74%);
border-color: oklch(0.816 0.074 227.9);
}Tailwind CSS v4
@theme {
--color-below-zero: #8fcde9;
--color-below-zero-50: #e1faff;
--color-below-zero-100: #d0edfc;
--color-below-zero-200: #b5dbee;
--color-below-zero-300: #90bfd6;
--color-below-zero-400: #6ea8c1;
--color-below-zero-500: #4b90ad;
--color-below-zero-600: #417a92;
--color-below-zero-700: #346175;
--color-below-zero-800: #234856;
--color-below-zero-900: #17323c;
--color-below-zero-950: #081e26;
}SCSS
$below-zero: #8fcde9;
$below-zero-rgb: 143, 205, 233;
$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);
}