最も近い色名 · #560089
#560089
最も近い色名: Indigo Static
#560089（rgb(86 0 137)、hsl(278 100% 27%)、oklch(0.361 0.187 305.3)）に最も近い色名はIndigo Staticです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#560089
oklch(0.361 0.187 305.3)
カラー変換
- HEX
- #560089
- RGB
- rgb(86 0 137)
- HSL
- hsl(278 100% 27%)
- HWB
- hwb(278 0% 46%)
- OKLCH
- oklch(0.361 0.187 305.3)
- OKLab
- oklab(0.361 0.108 -0.153)
- CIE Lab
- lab(22.26 49.83 -54.42)
- LCH
- lch(22.26 73.79 312.5)
- CMYK
- cmyk(37% 100% 0% 46%)
ティント · シェード · トーン
ティント
- 652A96
- 7544A3
- 855CAF
- 9573BB
- A68AC7
- B7A1D3
- C9B8DE
- DBCFE9
- EDE7F4
シェード
- 4A0076
- 3E0064
- 320053
- 270042
- 1C0031
- 120022
- 080014
- 020007
- 000001
トーン
- 5A1C89
- 5E2C89
- 623989
- 664489
- 6A4F88
- 6F5987
- 736386
- 776D84
- 7C7782
カラーハーモニー
補色 +180°
- 560089
Indigo Static
- 324500
≈ Garden Shadow
類似色 -30° +30°
- 560089
Indigo Static
- 2B219C
≈ Gentian Blue
- 6B005D
≈ Amygdala Purple
トライアド +120° +240°
- 560089
Indigo Static
- 5A3300
≈ Eyelash Camel
- 004842
≈ Tropical Forest
スプリットコンプリメンタリー +150° +210°
- 560089
Indigo Static
- 4A3D00
≈ Xanthophobia
- 004B28
≈ Troll Green
テトラード +90° +180° +270°
- 560089
Indigo Static
- 711900
≈ Cedar Wood Finish
- 324500
≈ Garden Shadow
- 004653
≈ Crab Nebula
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.95:1 · APCA Lc 95
Ag
Fail黒の上
WCAG 1.75:1 · APCA Lc 7
最適な文字色: #FFFFFF
WCAG 11.95:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--indigo-static: #560089;
--indigo-static-rgb: 86 0 137;
--indigo-static-oklch: oklch(0.361 0.187 305.3);
}
.element {
color: var(--indigo-static);
background-color: hsl(278 100% 27%);
border-color: oklch(0.361 0.187 305.3);
}Tailwind CSS v4
@theme {
--color-indigo-static: #560089;
--color-indigo-static-50: #ffe8ff;
--color-indigo-static-100: #f9d8ff;
--color-indigo-static-200: #eabfff;
--color-indigo-static-300: #d19cff;
--color-indigo-static-400: #b97df5;
--color-indigo-static-500: #a45be7;
--color-indigo-static-600: #8b4ec3;
--color-indigo-static-700: #6f3e9c;
--color-indigo-static-800: #502d76;
--color-indigo-static-900: #381f53;
--color-indigo-static-950: #230d38;
}SCSS
$indigo-static: #560089;
$indigo-static-rgb: 86, 0, 137;
$indigo-static-light: mix(#fff, $indigo-static, 20%);
$indigo-static-dark: mix(#000, $indigo-static, 20%);
.element {
color: $indigo-static;
box-shadow: 0 0 0 2px rgba($indigo-static, 0.35);
}