Màu có tên · #910951
Reddish Purple
Reddish Purple là #910951: rgb(145 9 81), hsl(328 88% 30%), oklch(0.431 0.17 357.2). 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.
What does Red mean? → · Reddish Purple color name →
#910951
oklch(0.431 0.17 357.2)
Chuyển đổi màu
- HEX
- #910951
- RGB
- rgb(145 9 81)
- HSL
- hsl(328 88% 30%)
- HWB
- hwb(328 4% 43%)
- OKLCH
- oklch(0.431 0.17 357.2)
- OKLab
- oklab(0.431 0.17 -0.008)
- CIE Lab
- lab(31.79 54.44 -2.43)
- LCH
- lch(31.79 54.5 357.4)
- CMYK
- cmyk(0% 94% 44% 43%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9F2F61
- AC4971
- B86081
- C47792
- CF8DA4
- DAA3B5
- E4BAC7
- EDD1DA
- F6E8EC
Sắc đậm
- 7D0745
- 6A053A
- 58032F
- 460224
- 35011A
- 250110
- 150007
- 070002
- 010000
Sắc xám
- 912156
- 91305A
- 913D5F
- 904863
- 8F5268
- 8D5C6D
- 8A6572
- 886E76
- 84777B
Hòa sắc
Bổ túc +180°
- 910951
Reddish Purple
- 005E4F
≈ Alpine Green
Tương đồng -30° +30°
- 910951
Reddish Purple
- 7D1E7F
≈ Hello Darkness My Old Friend
- 980910
≈ Noble Cause
Bộ ba +120° +240°
- 910951
Reddish Purple
- 4C5600
≈ Highlands Moss
- 00567D
≈ Real Mccoy
Bổ túc chia +150° +210°
- 910951
Reddish Purple
- 006220
≈ Jurassic Moss
- 005B65
≈ Egyptian Enamel
Bộ bốn +90° +180° +270°
- 910951
Reddish Purple
- 654C00
≈ Antique Bronze
- 005E4F
≈ Alpine Green
- 2743AC
≈ Denim
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.89:1 · APCA Lc 88
Ag
FailTrên nền đen
WCAG 2.36:1 · APCA Lc 14
Màu chữ tốt nhất: #FFFFFF
WCAG 8.89:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
CSS
:root {
--reddish-purple: #910951;
--reddish-purple-rgb: 145 9 81;
--reddish-purple-oklch: oklch(0.431 0.17 357.2);
}
.element {
color: var(--reddish-purple);
background-color: hsl(328 88% 30%);
border-color: oklch(0.431 0.17 357.2);
}Tailwind CSS v4
@theme {
--color-reddish-purple: #910951;
--color-reddish-purple-50: #ffe2f4;
--color-reddish-purple-100: #ffd1e6;
--color-reddish-purple-200: #ffb6d2;
--color-reddish-purple-300: #fd91b5;
--color-reddish-purple-400: #eb6e9f;
--color-reddish-purple-500: #d84987;
--color-reddish-purple-600: #b73f73;
--color-reddish-purple-700: #93325c;
--color-reddish-purple-800: #6d2345;
--color-reddish-purple-900: #4d1730;
--color-reddish-purple-950: #32071c;
}SCSS
$reddish-purple: #910951;
$reddish-purple-rgb: 145, 9, 81;
$reddish-purple-light: mix(#fff, $reddish-purple, 20%);
$reddish-purple-dark: mix(#000, $reddish-purple, 20%);
.element {
color: $reddish-purple;
box-shadow: 0 0 0 2px rgba($reddish-purple, 0.35);
}