Màu có tên · #514B98
Liberty
Liberty là #514B98: rgb(81 75 152), hsl(245 34% 45%), oklch(0.458 0.122 284). 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 Blue mean? → · Liberty color name →
#514B98
oklch(0.458 0.122 284)
Chuyển đổi màu
- HEX
- #514b98
- RGB
- rgb(81 75 152)
- HSL
- hsl(245 34% 45%)
- HWB
- hwb(245 29% 40%)
- OKLCH
- oklch(0.458 0.122 284)
- OKLab
- oklab(0.458 0.03 -0.118)
- CIE Lab
- lab(35.55 18.73 -42.18)
- LCH
- lch(35.55 46.15 293.9)
- CMYK
- cmyk(47% 51% 0% 40%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 605DA3
- 706EAE
- 807FB8
- 9191C3
- A2A3CD
- B4B5D7
- C6C7E1
- D9DAEB
- ECECF5
Sắc đậm
- 454084
- 3A3570
- 2F2B5C
- 24214A
- 1A1738
- 100E27
- 070617
- 020208
- 000001
Sắc xám
- 555196
- 595794
- 5E5C92
- 626290
- 67678E
- 6C6C8B
- 717189
- 767686
- 7B7B83
Hòa sắc
Bổ túc +180°
- 514B98
Liberty
- 615900
≈ Ayahuasca Vine
Tương đồng -30° +30°
- 514B98
Liberty
- 1E5899
≈ Florentine Lapis
- 703F86
≈ Amaranth Purple
Bộ ba +120° +240°
- 514B98
Liberty
- 8D3C12
≈ Espresso Martini
- 006849
≈ Greens
Bổ túc chia +150° +210°
- 514B98
Liberty
- 774E00
≈ Lucky Brown
- 396511
≈ Rainforest Matcha
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.47:1 · APCA Lc 86
Ag
FailTrên nền đen
WCAG 2.80:1 · APCA Lc 16
Màu chữ tốt nhất: #FFFFFF
WCAG 7.47:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--liberty: #514b98;
--liberty-rgb: 81 75 152;
--liberty-oklch: oklch(0.458 0.122 284);
}
.element {
color: var(--liberty);
background-color: hsl(245 34% 45%);
border-color: oklch(0.458 0.122 284);
}Tailwind CSS v4
@theme {
--color-liberty: #514b98;
--color-liberty-50: #f1f1ff;
--color-liberty-100: #e4e3ff;
--color-liberty-200: #cfcdff;
--color-liberty-300: #b2aef3;
--color-liberty-400: #9694e4;
--color-liberty-500: #7d79d3;
--color-liberty-600: #6a67b2;
--color-liberty-700: #55528f;
--color-liberty-800: #3c3c6b;
--color-liberty-900: #29294b;
--color-liberty-950: #171732;
}SCSS
$liberty: #514b98;
$liberty-rgb: 81, 75, 152;
$liberty-light: mix(#fff, $liberty, 20%);
$liberty-dark: mix(#000, $liberty, 20%);
.element {
color: $liberty;
box-shadow: 0 0 0 2px rgba($liberty, 0.35);
}