Màu có tên gần nhất · #80D1F6
#80D1F6
Màu có tên gần nhất: Below Zero
#80D1F6 (rgb(128 209 246), hsl(199 87% 73%), oklch(0.822 0.095 229)) 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.
#80D1F6
oklch(0.822 0.095 229)
Chuyển đổi màu
- HEX
- #80d1f6
- RGB
- rgb(128 209 246)
- HSL
- hsl(199 87% 73%)
- HWB
- hwb(199 50% 4%)
- OKLCH
- oklch(0.822 0.095 229)
- OKLab
- oklab(0.822 -0.062 -0.072)
- CIE Lab
- lab(79.67 -18.44 -26.44)
- LCH
- lch(79.67 32.24 235.1)
- CMYK
- cmyk(48% 15% 0% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8ED6F7
- 9CDBF8
- A9DFF9
- B6E4FA
- C2E8FB
- CFEDFC
- DBF2FD
- E7F6FE
- F3FBFE
Sắc đậm
- 6EB5D6
- 5D9BB7
- 4D8198
- 3D687B
- 2E505F
- 1F3945
- 12232C
- 061015
- 010203
Sắc xám
- 81C9EA
- 82C1DE
- 83B8D2
- 83B0C6
- 84A8BA
- 83A0AE
- 8398A2
- 829097
- 81888B
Hòa sắc
Bổ túc +180°
- 80D1F6
Below Zero
- F8B38E
≈ Peach Velour
Tương đồng -30° +30°
- 80D1F6
Below Zero
- 73D8DC
≈ Andes Sky
- A2C7FF
≈ Apocyan
Bộ ba +120° +240°
- 80D1F6
Below Zero
- F4ACCF
≈ Changeling Pink
- C9CA81
≈ Chimes
Bổ túc chia +150° +210°
- 80D1F6
Below Zero
- FCACAC
≈ Apricot Haze
- E6BE7D
≈ Deserted Path
Bộ bốn +90° +180° +270°
- 80D1F6
Below Zero
- E0B1EC
≈ Candy Dreams
- F8B38E
≈ Peach Velour
- A5D499
≈ Nature’s Delight
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.69:1 · APCA Lc 30
Ag
AAATrên nền đen
WCAG 12.36:1 · APCA Lc 73
Màu chữ tốt nhất: #000000
WCAG 12.36:1 (AAA) · APCA Lc 73
Contrast pairs
Đoạn mã
CSS
:root {
--below-zero: #80d1f6;
--below-zero-rgb: 128 209 246;
--below-zero-oklch: oklch(0.822 0.095 229);
}
.element {
color: var(--below-zero);
background-color: hsl(199 87% 73%);
border-color: oklch(0.822 0.095 229);
}Tailwind CSS v4
@theme {
--color-below-zero: #80d1f6;
--color-below-zero-50: #dbfbff;
--color-below-zero-100: #c9eeff;
--color-below-zero-200: #acdcf6;
--color-below-zero-300: #84c1df;
--color-below-zero-400: #5da9cb;
--color-below-zero-500: #3292b8;
--color-below-zero-600: #2c7b9b;
--color-below-zero-700: #23637d;
--color-below-zero-800: #16495c;
--color-below-zero-900: #0e3240;
--color-below-zero-950: #021e29;
}SCSS
$below-zero: #80d1f6;
$below-zero-rgb: 128, 209, 246;
$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);
}