Màu có tên gần nhất · #820072
#820072
Màu có tên gần nhất: Royal Purpleness
#820072 (rgb(130 0 114), hsl(307 100% 25%), oklch(0.416 0.185 335.1)) gần nhất với màu có tên Royal Purpleness. 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.
#820072
oklch(0.416 0.185 335.1)
Chuyển đổi màu
- HEX
- #820072
- RGB
- rgb(130 0 114)
- HSL
- hsl(307 100% 25%)
- HWB
- hwb(307 0% 49%)
- OKLCH
- oklch(0.416 0.185 335.1)
- OKLab
- oklab(0.416 0.168 -0.078)
- CIE Lab
- lab(29.38 55.01 -27.88)
- LCH
- lch(29.38 61.67 333.1)
- CMYK
- cmyk(0% 100% 12% 49%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 902B80
- 9E458E
- AC5D9C
- B974AA
- C58BB8
- D1A2C6
- DDB9D4
- E9D0E2
- F4E7F1
Sắc đậm
- 700062
- 5F0053
- 4E0044
- 3E0036
- 2F0028
- 20001B
- 12000E
- 060004
- 010001
Sắc xám
- 831D74
- 842D76
- 853A77
- 864579
- 86507A
- 855A7C
- 85647D
- 846D7E
- 82777F
Hòa sắc
Bổ túc +180°
- 820072
Royal Purpleness
- 005C32
≈ Crusoe
Tương đồng -30° +30°
- 820072
Royal Purpleness
- 641F99
≈ Wild Violet
- 8E003F
≈ Madrileño Maroon
Bộ ba +120° +240°
- 820072
Royal Purpleness
- 5A4B00
≈ Scorzonera Brown
- 005665
≈ Abyssal Waters
Bổ túc chia +150° +210°
- 820072
Royal Purpleness
- 3F5500
≈ Highlands Moss
- 005851
≈ Castleton Green
Bộ bốn +90° +180° +270°
- 820072
Royal Purpleness
- 6E3F00
≈ Bloodtracker Brown
- 005C32
≈ Crusoe
- 005081
≈ Cleo’s Bath
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.57:1 · APCA Lc 90
Ag
FailTrên nền đen
WCAG 2.19:1 · APCA Lc 12
Màu chữ tốt nhất: #FFFFFF
WCAG 9.57:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
CSS
:root {
--royal-purpleness: #820072;
--royal-purpleness-rgb: 130 0 114;
--royal-purpleness-oklch: oklch(0.416 0.185 335.1);
}
.element {
color: var(--royal-purpleness);
background-color: hsl(307 100% 25%);
border-color: oklch(0.416 0.185 335.1);
}Tailwind CSS v4
@theme {
--color-royal-purpleness: #820072;
--color-royal-purpleness-50: #ffe2ff;
--color-royal-purpleness-100: #ffd1fe;
--color-royal-purpleness-200: #ffb6f1;
--color-royal-purpleness-300: #f391d9;
--color-royal-purpleness-400: #de6fc9;
--color-royal-purpleness-500: #cb49b5;
--color-royal-purpleness-600: #ac3f99;
--color-royal-purpleness-700: #8a337b;
--color-royal-purpleness-800: #66245d;
--color-royal-purpleness-900: #471841;
--color-royal-purpleness-950: #2e082a;
}SCSS
$royal-purpleness: #820072;
$royal-purpleness-rgb: 130, 0, 114;
$royal-purpleness-light: mix(#fff, $royal-purpleness, 20%);
$royal-purpleness-dark: mix(#000, $royal-purpleness, 20%);
.element {
color: $royal-purpleness;
box-shadow: 0 0 0 2px rgba($royal-purpleness, 0.35);
}