Màu có tên gần nhất · #4BA2DF
#4BA2DF
Màu có tên gần nhất: High Blue
#4BA2DF (rgb(75 162 223), hsl(205 70% 58%), oklch(0.685 0.123 242.2)) gần nhất với màu có tên High Blue. 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.
#4BA2DF
oklch(0.685 0.123 242.2)
Chuyển đổi màu
- HEX
- #4ba2df
- RGB
- rgb(75 162 223)
- HSL
- hsl(205 70% 58%)
- HWB
- hwb(205 29% 13%)
- OKLCH
- oklch(0.685 0.123 242.2)
- OKLab
- oklab(0.685 -0.057 -0.109)
- CIE Lab
- lab(63.29 -12.5 -39.36)
- LCH
- lch(63.29 41.3 252.4)
- CMYK
- cmyk(66% 27% 0% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 60ACE3
- 73B5E6
- 86BEEA
- 97C8ED
- A9D1F1
- BADAF4
- CBE3F7
- DDEDFA
- EEF6FC
Sắc đậm
- 408CC2
- 3577A5
- 2B638A
- 214F6F
- 173C56
- 0E2A3D
- 061927
- 020A12
- 000102
Sắc xám
- 539FD5
- 5A9CCC
- 6199C2
- 6795B9
- 6C92B0
- 708EA6
- 758B9D
- 798793
- 7D848A
Hòa sắc
Bổ túc +180°
- 4BA2DF
High Blue
- CF8741
≈ Raw Linen
Tương đồng -30° +30°
- 4BA2DF
High Blue
- 00ADC5
≈ Havasupai Falls
- 8094E6
≈ Perrywinkle
Bộ ba +120° +240°
- 4BA2DF
High Blue
- D77894
≈ Minuette
- 8DA649
≈ Lime It or Leave It
Bổ túc chia +150° +210°
- 4BA2DF
High Blue
- DB7B68
≈ Lei Flower
- B59730
≈ Sahara
Bộ bốn +90° +180° +270°
- 4BA2DF
High Blue
- C67CBB
≈ Peruvian Lily
- CF8741
≈ Raw Linen
- 58AF74
≈ Glen
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.78:1 · APCA Lc 53
Ag
AAATrên nền đen
WCAG 7.53:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--high-blue: #4ba2df;
--high-blue-rgb: 75 162 223;
--high-blue-oklch: oklch(0.685 0.123 242.2);
}
.element {
color: var(--high-blue);
background-color: hsl(205 70% 58%);
border-color: oklch(0.685 0.123 242.2);
}Tailwind CSS v4
@theme {
--color-high-blue: #4ba2df;
--color-high-blue-50: #d8faff;
--color-high-blue-100: #c6edff;
--color-high-blue-200: #a8dbff;
--color-high-blue-300: #7fbff2;
--color-high-blue-400: #56a7e1;
--color-high-blue-500: #248ed0;
--color-high-blue-600: #2278af;
--color-high-blue-700: #1b608d;
--color-high-blue-800: #0d4768;
--color-high-blue-900: #083149;
--color-high-blue-950: #001d30;
}SCSS
$high-blue: #4ba2df;
$high-blue-rgb: 75, 162, 223;
$high-blue-light: mix(#fff, $high-blue, 20%);
$high-blue-dark: mix(#000, $high-blue, 20%);
.element {
color: $high-blue;
box-shadow: 0 0 0 2px rgba($high-blue, 0.35);
}