Màu có tên gần nhất · #7D427E
#7D427E
Màu có tên gần nhất: Prunella
#7D427E (rgb(125 66 126), hsl(299 31% 38%), oklch(0.475 0.116 326.6)) gần nhất với màu có tên Prunella. 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.
#7D427E
oklch(0.475 0.116 326.6)
Chuyển đổi màu
- HEX
- #7d427e
- RGB
- rgb(125 66 126)
- HSL
- hsl(299 31% 38%)
- HWB
- hwb(299 26% 51%)
- OKLCH
- oklch(0.475 0.116 326.6)
- OKLab
- oklab(0.475 0.097 -0.064)
- CIE Lab
- lab(37.36 32.96 -23.07)
- LCH
- lch(37.36 40.23 325)
- CMYK
- cmyk(1% 48% 0% 51%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8A548B
- 976697
- A479A4
- B18BB1
- BE9EBE
- CBB1CA
- D8C4D7
- E5D7E5
- F2EBF2
Sắc đậm
- 6C386D
- 5B2F5C
- 4B254C
- 3B1C3C
- 2C142D
- 1E0B1F
- 110511
- 050105
- 010001
Sắc xám
- 7E497E
- 7F4F7F
- 7F567F
- 805C80
- 806280
- 806880
- 806E80
- 807480
- 807A80
Hòa sắc
Bổ túc +180°
- 7D427E
Prunella
- 266D32
≈ San Felix
Tương đồng -30° +30°
- 7D427E
Prunella
- 634C95
≈ Purple Corallite
- 8D3C5D
≈ Quinacridone Magenta
Bộ ba +120° +240°
- 7D427E
Prunella
- 745700
≈ Pickled Grape Leaves
- 006973
≈ Kingfisher Bright
Bổ túc chia +150° +210°
- 7D427E
Prunella
- 596300
≈ Forestial Outpost
- 006C5B
≈ Pacific Queen
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 7.11:1 · APCA Lc 84
Ag
FailTrên nền đen
WCAG 2.95:1 · APCA Lc 18
Màu chữ tốt nhất: #FFFFFF
WCAG 7.11:1 (AAA) · APCA Lc 84
Contrast pairs
Đoạn mã
CSS
:root {
--prunella: #7d427e;
--prunella-rgb: 125 66 126;
--prunella-oklch: oklch(0.475 0.116 326.6);
}
.element {
color: var(--prunella);
background-color: hsl(299 31% 38%);
border-color: oklch(0.475 0.116 326.6);
}Tailwind CSS v4
@theme {
--color-prunella: #7d427e;
--color-prunella-50: #ffeaff;
--color-prunella-100: #fedbfb;
--color-prunella-200: #f0c3ed;
--color-prunella-300: #d9a2d5;
--color-prunella-400: #c286c2;
--color-prunella-500: #ae69ae;
--color-prunella-600: #935993;
--color-prunella-700: #764776;
--color-prunella-800: #563358;
--color-prunella-900: #3c233e;
--color-prunella-950: #261227;
}SCSS
$prunella: #7d427e;
$prunella-rgb: 125, 66, 126;
$prunella-light: mix(#fff, $prunella, 20%);
$prunella-dark: mix(#000, $prunella, 20%);
.element {
color: $prunella;
box-shadow: 0 0 0 2px rgba($prunella, 0.35);
}