Màu có tên gần nhất · #669EC5
#669EC5
Màu có tên gần nhất: Sub-Zero
#669EC5 (rgb(102 158 197), hsl(205 45% 59%), oklch(0.676 0.083 240)) gần nhất với màu có tên Sub-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.
#669EC5
oklch(0.676 0.083 240)
Chuyển đổi màu
- HEX
- #669ec5
- RGB
- rgb(102 158 197)
- HSL
- hsl(205 45% 59%)
- HWB
- hwb(205 40% 23%)
- OKLCH
- oklch(0.676 0.083 240)
- OKLab
- oklab(0.676 -0.041 -0.072)
- CIE Lab
- lab(62.38 -10.95 -26.27)
- LCH
- lch(62.38 28.46 247.4)
- CMYK
- cmyk(48% 20% 0% 23%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 76A8CB
- 85B1D1
- 94BBD7
- A3C4DD
- B2CEE3
- C2D8E8
- D1E2EE
- E0EBF4
- F0F5F9
Sắc đậm
- 5889AB
- 4A7492
- 3C6079
- 2F4D61
- 233A4B
- 172935
- 0C1821
- 04090E
- 000102
Sắc xám
- 6A9BBE
- 6D98B7
- 7095B0
- 7392A9
- 758FA2
- 788C9C
- 7A8995
- 7C868E
- 7E8387
Hòa sắc
Bổ túc +180°
- 669EC5
Sub-Zero
- BD8B62
≈ Tatami Tan
Tương đồng -30° +30°
- 669EC5
Sub-Zero
- 52A5B3
≈ Freshwater
- 8395CB
≈ Purple Gentian
Bộ ba +120° +240°
- 669EC5
Sub-Zero
- C28195
≈ Strawberry Jubilee
- 909F64
≈ Buckingham Gardens
Bổ túc chia +150° +210°
- 669EC5
Sub-Zero
- C58479
≈ Luscious Lobster
- AB9559
≈ Mossy Rock
Bộ bốn +90° +180° +270°
- 669EC5
Sub-Zero
- B485AF
≈ Drama Violet
- BD8B62
≈ Tatami Tan
- 71A67C
≈ Primavera
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.89:1 · APCA Lc 55
Ag
AAATrên nền đen
WCAG 7.26:1 · APCA Lc 47
Màu chữ tốt nhất: #000000
WCAG 7.26:1 (AAA) · APCA Lc 47
Contrast pairs
Đoạn mã
CSS
:root {
--sub-zero: #669ec5;
--sub-zero-rgb: 102 158 197;
--sub-zero-oklch: oklch(0.676 0.083 240);
}
.element {
color: var(--sub-zero);
background-color: hsl(205 45% 59%);
border-color: oklch(0.676 0.083 240);
}Tailwind CSS v4
@theme {
--color-sub-zero: #669ec5;
--color-sub-zero-50: #e1f9ff;
--color-sub-zero-100: #d1ecff;
--color-sub-zero-200: #b6d9f5;
--color-sub-zero-300: #92bddf;
--color-sub-zero-400: #70a5cb;
--color-sub-zero-500: #4f8db7;
--color-sub-zero-600: #44789b;
--color-sub-zero-700: #36607c;
--color-sub-zero-800: #25465c;
--color-sub-zero-900: #183140;
--color-sub-zero-950: #091d29;
}SCSS
$sub-zero: #669ec5;
$sub-zero-rgb: 102, 158, 197;
$sub-zero-light: mix(#fff, $sub-zero, 20%);
$sub-zero-dark: mix(#000, $sub-zero, 20%);
.element {
color: $sub-zero;
box-shadow: 0 0 0 2px rgba($sub-zero, 0.35);
}