Màu có tên gần nhất · #7A2553
#7A2553
Màu có tên gần nhất: Flirt
#7A2553 (rgb(122 37 83), hsl(328 53% 31%), oklch(0.41 0.128 350.8)) gần nhất với màu có tên Flirt. 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.
#7A2553
oklch(0.41 0.128 350.8)
Chuyển đổi màu
- HEX
- #7a2553
- RGB
- rgb(122 37 83)
- HSL
- hsl(328 53% 31%)
- HWB
- hwb(328 15% 52%)
- OKLCH
- oklch(0.41 0.128 350.8)
- OKLab
- oklab(0.41 0.126 -0.02)
- CIE Lab
- lab(29.86 40.59 -7.22)
- LCH
- lch(29.86 41.23 349.9)
- CMYK
- cmyk(0% 70% 32% 52%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 893C63
- 975173
- A56683
- B27B94
- C090A5
- CDA6B6
- DABBC8
- E6D2DA
- F3E8EC
Sắc đậm
- 691F47
- 59193B
- 491330
- 3A0D25
- 2B081B
- 1D0411
- 100208
- 050002
- 010000
Sắc xám
- 7C3057
- 7E3A5C
- 7F4460
- 804D65
- 815569
- 815E6E
- 826772
- 816F77
- 81787B
Hòa sắc
Bổ túc +180°
- 7A2553
Flirt
- 005844
≈ Billiard Table
Tương đồng -30° +30°
- 7A2553
Flirt
- 682E74
≈ Purple Magic
- 82242B
≈ Red Dahlia
Bộ ba +120° +240°
- 7A2553
Flirt
- 4D4E00
≈ Scorzonera Brown
- 00526F
≈ Captain Blue
Bổ túc chia +150° +210°
- 7A2553
Flirt
- 185A09
≈ Lincoln Green
- 00555A
≈ Deep Teal
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.47:1 · APCA Lc 91
Ag
FailTrên nền đen
WCAG 2.21:1 · APCA Lc 11
Màu chữ tốt nhất: #FFFFFF
WCAG 9.47:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
CSS
:root {
--flirt: #7a2553;
--flirt-rgb: 122 37 83;
--flirt-oklch: oklch(0.41 0.128 350.8);
}
.element {
color: var(--flirt);
background-color: hsl(328 53% 31%);
border-color: oklch(0.41 0.128 350.8);
}Tailwind CSS v4
@theme {
--color-flirt: #7a2553;
--color-flirt-50: #ffe7f8;
--color-flirt-100: #ffd7ec;
--color-flirt-200: #ffbed9;
--color-flirt-300: #eb9cbd;
--color-flirt-400: #d77ea8;
--color-flirt-500: #c35f91;
--color-flirt-600: #a5517a;
--color-flirt-700: #844062;
--color-flirt-800: #622e49;
--color-flirt-900: #451f33;
--color-flirt-950: #2c0f1f;
}SCSS
$flirt: #7a2553;
$flirt-rgb: 122, 37, 83;
$flirt-light: mix(#fff, $flirt, 20%);
$flirt-dark: mix(#000, $flirt, 20%);
.element {
color: $flirt;
box-shadow: 0 0 0 2px rgba($flirt, 0.35);
}