色名 · #514B98
Liberty
Libertyは#514B98：rgb(81 75 152)、hsl(245 34% 45%)、oklch(0.458 0.122 284)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Liberty color name →
#514B98
oklch(0.458 0.122 284)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 605DA3
- 706EAE
- 807FB8
- 9191C3
- A2A3CD
- B4B5D7
- C6C7E1
- D9DAEB
- ECECF5
シェード
- 454084
- 3A3570
- 2F2B5C
- 24214A
- 1A1738
- 100E27
- 070617
- 020208
- 000001
トーン
- 555196
- 595794
- 5E5C92
- 626290
- 67678E
- 6C6C8B
- 717189
- 767686
- 7B7B83
カラーハーモニー
補色 +180°
- 514B98
Liberty
- 615900
≈ Ayahuasca Vine
類似色 -30° +30°
- 514B98
Liberty
- 1E5899
≈ Florentine Lapis
- 703F86
≈ Amaranth Purple
トライアド +120° +240°
- 514B98
Liberty
- 8D3C12
≈ Espresso Martini
- 006849
≈ Greens
スプリットコンプリメンタリー +150° +210°
- 514B98
Liberty
- 774E00
≈ Lucky Brown
- 396511
≈ Rainforest Matcha
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.47:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.80:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.47:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
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);
}