Màu có tên gần nhất · #6E476C
#6E476C
Màu có tên gần nhất: Royal Plum
#6E476C (rgb(110 71 108), hsl(303 22% 35%), oklch(0.456 0.076 328.5)) gần nhất với màu có tên Royal Plum. 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.
#6E476C
oklch(0.456 0.076 328.5)
Chuyển đổi màu
- HEX
- #6e476c
- RGB
- rgb(110 71 108)
- HSL
- hsl(303 22% 35%)
- HWB
- hwb(303 28% 57%)
- OKLCH
- oklch(0.456 0.076 328.5)
- OKLab
- oklab(0.456 0.065 -0.04)
- CIE Lab
- lab(35.78 22 -14.53)
- LCH
- lch(35.78 26.36 326.6)
- CMYK
- cmyk(0% 35% 2% 57%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 7C587A
- 8A6988
- 987B96
- A78DA5
- B59FB3
- C4B2C2
- D2C4D1
- E1D8E0
- F0EBEF
Sắc đậm
- 5F3D5D
- 50324E
- 412840
- 331F32
- 261625
- 190D19
- 0E060D
- 040204
- 010000
Sắc xám
- 704D6E
- 725370
- 745872
- 765E74
- 786476
- 7A6978
- 7B6F7A
- 7D757C
- 7F7A7E
Hòa sắc
Bổ túc +180°
- 6E476C
Royal Plum
- 37633F
≈ Forest Serenade
Tương đồng -30° +30°
- 6E476C
Royal Plum
- 5C4D7C
≈ Imperial Palace
- 794456
≈ Deep Carmine
Bộ ba +120° +240°
- 6E476C
Royal Plum
- 68541E
≈ Field Drab
- 09626D
≈ Peacock Tail
Bổ túc chia +150° +210°
- 6E476C
Royal Plum
- 535D28
≈ Saratoga
- 166557
≈ Dancing Dragonfly
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.55:1 · APCA Lc 86
Ag
FailTrên nền đen
WCAG 2.78:1 · APCA Lc 16
Màu chữ tốt nhất: #FFFFFF
WCAG 7.55:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--royal-plum: #6e476c;
--royal-plum-rgb: 110 71 108;
--royal-plum-oklch: oklch(0.456 0.076 328.5);
}
.element {
color: var(--royal-plum);
background-color: hsl(303 22% 35%);
border-color: oklch(0.456 0.076 328.5);
}Tailwind CSS v4
@theme {
--color-royal-plum: #6e476c;
--color-royal-plum-50: #ffeeff;
--color-royal-plum-100: #f7dff4;
--color-royal-plum-200: #e8c9e4;
--color-royal-plum-300: #cfaaca;
--color-royal-plum-400: #b88fb5;
--color-royal-plum-500: #a2749f;
--color-royal-plum-600: #896287;
--color-royal-plum-700: #6e4e6c;
--color-royal-plum-800: #503950;
--color-royal-plum-900: #382738;
--color-royal-plum-950: #221523;
}SCSS
$royal-plum: #6e476c;
$royal-plum-rgb: 110, 71, 108;
$royal-plum-light: mix(#fff, $royal-plum, 20%);
$royal-plum-dark: mix(#000, $royal-plum, 20%);
.element {
color: $royal-plum;
box-shadow: 0 0 0 2px rgba($royal-plum, 0.35);
}