Màu có tên gần nhất · #444674
#444674
Màu có tên gần nhất: Tangent Periwinkle
#444674 (rgb(68 70 116), hsl(237 26% 36%), oklch(0.414 0.076 280.6)) gần nhất với màu có tên Tangent Periwinkle. 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.
#444674
oklch(0.414 0.076 280.6)
Chuyển đổi màu
- HEX
- #444674
- RGB
- rgb(68 70 116)
- HSL
- hsl(237 26% 36%)
- HWB
- hwb(237 27% 55%)
- OKLCH
- oklch(0.414 0.076 280.6)
- OKLab
- oklab(0.414 0.014 -0.075)
- CIE Lab
- lab(31.2 8.83 -27.05)
- LCH
- lch(31.2 28.46 288.1)
- CMYK
- cmyk(41% 40% 0% 55%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 545782
- 65688F
- 777A9D
- 898CAB
- 9C9EB9
- AFB1C6
- C2C4D4
- D6D7E3
- EAEBF1
Sắc đậm
- 3A3C64
- 303254
- 262845
- 1D1E37
- 141529
- 0C0D1B
- 05050F
- 020205
- 000001
Sắc xám
- 494C76
- 4F5277
- 555879
- 5B5D7A
- 61637B
- 67697C
- 6D6F7D
- 73747E
- 7A7A7F
Hòa sắc
Bổ túc +180°
- 444674
Tangent Periwinkle
- 554C12
≈ Scorzonera Brown
Tương đồng -30° +30°
- 444674
Tangent Periwinkle
- 294E73
≈ Mykonos Reflection
- 593F6A
≈ Kikyō Purple
Bộ ba +120° +240°
- 444674
Tangent Periwinkle
- 6E3C2A
≈ Red Mane
- 1D583D
≈ Billiard Table
Bổ túc chia +150° +210°
- 444674
Tangent Periwinkle
- 654315
≈ Very Coffee
- 3D5425
≈ Verdun Green
Bộ bốn +90° +180° +270°
- 444674
Tangent Periwinkle
- 6E3941
≈ Ripening Grape
- 554C12
≈ Scorzonera Brown
- 005854
≈ Baltic Prince
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.84:1 · APCA Lc 90
Ag
FailTrên nền đen
WCAG 2.37:1 · APCA Lc 12
Màu chữ tốt nhất: #FFFFFF
WCAG 8.84:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
CSS
:root {
--tangent-periwinkle: #444674;
--tangent-periwinkle-rgb: 68 70 116;
--tangent-periwinkle-oklch: oklch(0.414 0.076 280.6);
}
.element {
color: var(--tangent-periwinkle);
background-color: hsl(237 26% 36%);
border-color: oklch(0.414 0.076 280.6);
}Tailwind CSS v4
@theme {
--color-tangent-periwinkle: #444674;
--color-tangent-periwinkle-50: #f1f3ff;
--color-tangent-periwinkle-100: #e3e5ff;
--color-tangent-periwinkle-200: #cfd1f5;
--color-tangent-periwinkle-300: #b1b3de;
--color-tangent-periwinkle-400: #969acb;
--color-tangent-periwinkle-500: #7d80b8;
--color-tangent-periwinkle-600: #696d9b;
--color-tangent-periwinkle-700: #54577d;
--color-tangent-periwinkle-800: #3c405d;
--color-tangent-periwinkle-900: #292c41;
--color-tangent-periwinkle-950: #17192a;
}SCSS
$tangent-periwinkle: #444674;
$tangent-periwinkle-rgb: 68, 70, 116;
$tangent-periwinkle-light: mix(#fff, $tangent-periwinkle, 20%);
$tangent-periwinkle-dark: mix(#000, $tangent-periwinkle, 20%);
.element {
color: $tangent-periwinkle;
box-shadow: 0 0 0 2px rgba($tangent-periwinkle, 0.35);
}