Màu có tên gần nhất · #64467B
#64467B
Màu có tên gần nhất: Royal Robe
#64467B (rgb(100 70 123), hsl(274 27% 38%), oklch(0.45 0.091 309.2)) gần nhất với màu có tên Royal Robe. 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.
#64467B
oklch(0.45 0.091 309.2)
Chuyển đổi màu
- HEX
- #64467b
- RGB
- rgb(100 70 123)
- HSL
- hsl(274 27% 38%)
- HWB
- hwb(274 27% 52%)
- OKLCH
- oklch(0.45 0.091 309.2)
- OKLab
- oklab(0.45 0.057 -0.07)
- CIE Lab
- lab(34.86 21.43 -25.4)
- LCH
- lch(34.86 33.24 310.2)
- CMYK
- cmyk(19% 43% 0% 52%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 725788
- 816995
- 907AA2
- 9F8CAF
- AE9FBC
- BEB1C9
- CEC4D7
- DED8E4
- EEEBF1
Sắc đậm
- 563C6A
- 48325A
- 3B284A
- 2E1E3A
- 22152C
- 160D1E
- 0B0510
- 030205
- 000001
Sắc xám
- 674C7C
- 6A527D
- 6C587D
- 6F5E7E
- 72637E
- 75697F
- 786F7F
- 7A7580
- 7D7A80
Hòa sắc
Bổ túc +180°
- 64467B
Royal Robe
- 455F24
≈ Obscure Olive
Tương đồng -30° +30°
- 64467B
Royal Robe
- 4B4F86
≈ Twilight
- 754066
≈ Burnt Orchid
Bộ ba +120° +240°
- 64467B
Royal Robe
- 754B0F
≈ Hairy Brown
- 00635E
≈ Emerald Stone
Bổ túc chia +150° +210°
- 64467B
Royal Robe
- 625506
≈ Olive Brown
- 1A6443
≈ Fairway Green
Bộ bốn +90° +180° +270°
- 64467B
Royal Robe
- 7F422D
≈ Coppery Orange
- 455F24
≈ Obscure Olive
- 005F74
≈ Lyons Blue
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.76:1 · APCA Lc 87
Ag
FailTrên nền đen
WCAG 2.70:1 · APCA Lc 15
Màu chữ tốt nhất: #FFFFFF
WCAG 7.76:1 (AAA) · APCA Lc 87
Contrast pairs
Đoạn mã
CSS
:root {
--royal-robe: #64467b;
--royal-robe-rgb: 100 70 123;
--royal-robe-oklch: oklch(0.45 0.091 309.2);
}
.element {
color: var(--royal-robe);
background-color: hsl(274 27% 38%);
border-color: oklch(0.45 0.091 309.2);
}Tailwind CSS v4
@theme {
--color-royal-robe: #64467b;
--color-royal-robe-50: #feeeff;
--color-royal-robe-100: #f2e0ff;
--color-royal-robe-200: #e1caf1;
--color-royal-robe-300: #c7abda;
--color-royal-robe-400: #ae90c7;
--color-royal-robe-500: #9875b4;
--color-royal-robe-600: #806398;
--color-royal-robe-700: #674f7a;
--color-royal-robe-800: #4b3a5b;
--color-royal-robe-900: #342840;
--color-royal-robe-950: #1f1628;
}SCSS
$royal-robe: #64467b;
$royal-robe-rgb: 100, 70, 123;
$royal-robe-light: mix(#fff, $royal-robe, 20%);
$royal-robe-dark: mix(#000, $royal-robe, 20%);
.element {
color: $royal-robe;
box-shadow: 0 0 0 2px rgba($royal-robe, 0.35);
}