Màu có tên gần nhất · #77316F
#77316F
Màu có tên gần nhất: Eminence
#77316F (rgb(119 49 111), hsl(307 42% 33%), oklch(0.434 0.127 332.1)) gần nhất với màu có tên Eminence. 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.
#77316F
oklch(0.434 0.127 332.1)
Chuyển đổi màu
- HEX
- #77316f
- RGB
- rgb(119 49 111)
- HSL
- hsl(307 42% 33%)
- HWB
- hwb(307 19% 53%)
- OKLCH
- oklch(0.434 0.127 332.1)
- OKLab
- oklab(0.434 0.112 -0.059)
- CIE Lab
- lab(32.41 37.44 -21.43)
- LCH
- lch(32.41 43.14 330.2)
- CMYK
- cmyk(0% 59% 7% 53%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 85457D
- 93598B
- A16D99
- AE81A7
- BC95B5
- C9AAC4
- D7BFD2
- E4D4E1
- F2E9F0
Sắc đậm
- 672960
- 572251
- 471A42
- 381334
- 2A0C27
- 1C061A
- 10030E
- 050104
- 010001
Sắc xám
- 793A71
- 7A4373
- 7C4B75
- 7D5377
- 7E5A78
- 7F627A
- 7F6A7C
- 80717D
- 80797F
Hòa sắc
Bổ túc +180°
- 77316F
Eminence
- 00622F
≈ Ficus Elastica
Tương đồng -30° +30°
- 77316F
Eminence
- 5F3B8A
≈ Daisy Bush
- 852B4B
≈ Anemone
Bộ ba +120° +240°
- 77316F
Eminence
- 624F00
≈ Olive Brown
- 005B69
≈ Captive
Bổ túc chia +150° +210°
- 77316F
Eminence
- 475900
≈ Lustrian Undergrowth
- 005E54
≈ Alpine Green
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 8.56:1 · APCA Lc 89
Ag
FailTrên nền đen
WCAG 2.45:1 · APCA Lc 13
Màu chữ tốt nhất: #FFFFFF
WCAG 8.56:1 (AAA) · APCA Lc 89
Contrast pairs
Đoạn mã
CSS
:root {
--eminence: #77316f;
--eminence-rgb: 119 49 111;
--eminence-oklch: oklch(0.434 0.127 332.1);
}
.element {
color: var(--eminence);
background-color: hsl(307 42% 33%);
border-color: oklch(0.434 0.127 332.1);
}Tailwind CSS v4
@theme {
--color-eminence: #77316f;
--color-eminence-50: #ffe8ff;
--color-eminence-100: #ffd9fa;
--color-eminence-200: #f7c0eb;
--color-eminence-300: #e09fd2;
--color-eminence-400: #ca81bf;
--color-eminence-500: #b663ab;
--color-eminence-600: #9a5590;
--color-eminence-700: #7b4374;
--color-eminence-800: #5a3157;
--color-eminence-900: #3f213d;
--color-eminence-950: #281026;
}SCSS
$eminence: #77316f;
$eminence-rgb: 119, 49, 111;
$eminence-light: mix(#fff, $eminence, 20%);
$eminence-dark: mix(#000, $eminence, 20%);
.element {
color: $eminence;
box-shadow: 0 0 0 2px rgba($eminence, 0.35);
}