Màu có tên gần nhất · #4C507F
#4C507F
Màu có tên gần nhất: Tangent Periwinkle
#4C507F (rgb(76 80 127), hsl(235 25% 40%), oklch(0.449 0.077 279.1)) 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.
#4C507F
oklch(0.449 0.077 279.1)
Chuyển đổi màu
- HEX
- #4c507f
- RGB
- rgb(76 80 127)
- HSL
- hsl(235 25% 40%)
- HWB
- hwb(235 30% 50%)
- OKLCH
- oklch(0.449 0.077 279.1)
- OKLab
- oklab(0.449 0.012 -0.076)
- CIE Lab
- lab(35.29 8.02 -27.41)
- LCH
- lch(35.29 28.56 286.3)
- CMYK
- cmyk(40% 37% 0% 50%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5C608C
- 6C7198
- 7D82A5
- 8E93B2
- A0A4BE
- B3B6CB
- C5C8D8
- D8DAE5
- EBECF2
Sắc đậm
- 41446E
- 36395D
- 2C2E4C
- 22243C
- 181A2D
- 0F101F
- 060711
- 020206
- 000001
Sắc xám
- 51557F
- 565A80
- 5B5F80
- 606380
- 656881
- 6A6D81
- 707281
- 757781
- 7A7B80
Hòa sắc
Bổ túc +180°
- 4C507F
Tangent Periwinkle
- 60551D
≈ Tucumán Green
Tương đồng -30° +30°
- 4C507F
Tangent Periwinkle
- 31587E
≈ Breonne Blue
- 624975
≈ Presley Purple
Bộ ba +120° +240°
- 4C507F
Tangent Periwinkle
- 794534
≈ Peanut
- 296245
≈ Green Pea
Bổ túc chia +150° +210°
- 4C507F
Tangent Periwinkle
- 704D20
≈ Wagon Train
- 485D2D
≈ Woodman
Bộ bốn +90° +180° +270°
- 4C507F
Tangent Periwinkle
- 79424C
≈ Berry Bush
- 60551D
≈ Tucumán Green
- 03625E
≈ Emerald Stone
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.60:1 · APCA Lc 86
Ag
FailTrên nền đen
WCAG 2.76:1 · APCA Lc 16
Màu chữ tốt nhất: #FFFFFF
WCAG 7.60:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--tangent-periwinkle: #4c507f;
--tangent-periwinkle-rgb: 76 80 127;
--tangent-periwinkle-oklch: oklch(0.449 0.077 279.1);
}
.element {
color: var(--tangent-periwinkle);
background-color: hsl(235 25% 40%);
border-color: oklch(0.449 0.077 279.1);
}Tailwind CSS v4
@theme {
--color-tangent-periwinkle: #4c507f;
--color-tangent-periwinkle-50: #f1f3ff;
--color-tangent-periwinkle-100: #e3e6ff;
--color-tangent-periwinkle-200: #ced1f5;
--color-tangent-periwinkle-300: #b0b3df;
--color-tangent-periwinkle-400: #949acc;
--color-tangent-periwinkle-500: #7b81b9;
--color-tangent-periwinkle-600: #686d9c;
--color-tangent-periwinkle-700: #53577d;
--color-tangent-periwinkle-800: #3c405d;
--color-tangent-periwinkle-900: #292c41;
--color-tangent-periwinkle-950: #17192a;
}SCSS
$tangent-periwinkle: #4c507f;
$tangent-periwinkle-rgb: 76, 80, 127;
$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);
}