Màu có tên gần nhất · #ABC4F4
#ABC4F4
Màu có tên gần nhất: Sky High
#ABC4F4 (rgb(171 196 244), hsl(219 77% 81%), oklch(0.818 0.073 263.3)) gần nhất với màu có tên Sky High. 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.
#ABC4F4
oklch(0.818 0.073 263.3)
Chuyển đổi màu
- HEX
- #abc4f4
- RGB
- rgb(171 196 244)
- HSL
- hsl(219 77% 81%)
- HWB
- hwb(219 67% 4%)
- OKLCH
- oklch(0.818 0.073 263.3)
- OKLab
- oklab(0.818 -0.009 -0.073)
- CIE Lab
- lab(78.53 -0.58 -26.82)
- LCH
- lch(78.53 26.83 268.8)
- CMYK
- cmyk(30% 20% 0% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B3CAF5
- BBD0F7
- C4D6F8
- CCDCF9
- D4E2FA
- DDE7FB
- E5EDFC
- EEF3FD
- F6F9FE
Sắc đậm
- 94AAD4
- 7E91B5
- 687897
- 54617A
- 404A5E
- 2D3544
- 1B212B
- 0B0E14
- 010203
Sắc xám
- A7BDE8
- A2B6DC
- 9EAFD0
- 9AA8C4
- 95A2B9
- 919BAD
- 8D94A2
- 898D96
- 84878B
Hòa sắc
Bổ túc +180°
- ABC4F4
Sky High
- DBC08D
≈ Expedition Khaki
Tương đồng -30° +30°
- ABC4F4
Sky High
- 94CCEC
≈ Light Cornflower Blue
- C5BBEF
≈ Connecticut Lilac
Bộ ba +120° +240°
- ABC4F4
Sky High
- F0B1AD
≈ Lusty Salmon
- A8D0A5
≈ Garden Room
Bổ túc chia +150° +210°
- ABC4F4
Sky High
- EAB797
≈ Creole Cottage
- C3C992
≈ Creamy Spinaci
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.75:1 · APCA Lc 32
Ag
AAATrên nền đen
WCAG 11.93:1 · APCA Lc 70
Màu chữ tốt nhất: #000000
WCAG 11.93:1 (AAA) · APCA Lc 70
Contrast pairs
Đoạn mã
CSS
:root {
--sky-high: #abc4f4;
--sky-high-rgb: 171 196 244;
--sky-high-oklch: oklch(0.818 0.073 263.3);
}
.element {
color: var(--sky-high);
background-color: hsl(219 77% 81%);
border-color: oklch(0.818 0.073 263.3);
}Tailwind CSS v4
@theme {
--color-sky-high: #abc4f4;
--color-sky-high-50: #ebf5ff;
--color-sky-high-100: #dce8ff;
--color-sky-high-200: #c5d4f5;
--color-sky-high-300: #a5b7de;
--color-sky-high-400: #889fcb;
--color-sky-high-500: #6d86b7;
--color-sky-high-600: #5c719b;
--color-sky-high-700: #4a5b7c;
--color-sky-high-800: #34435c;
--color-sky-high-900: #232e40;
--color-sky-high-950: #121b29;
}SCSS
$sky-high: #abc4f4;
$sky-high-rgb: 171, 196, 244;
$sky-high-light: mix(#fff, $sky-high, 20%);
$sky-high-dark: mix(#000, $sky-high, 20%);
.element {
color: $sky-high;
box-shadow: 0 0 0 2px rgba($sky-high, 0.35);
}