色名 · #800070
Patriarch
Patriarchは#800070：rgb(128 0 112)、hsl(308 100% 25%)、oklch(0.411 0.183 335.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Patriarch color name →
#800070
oklch(0.411 0.183 335.2)
カラー変換
- HEX
- #800070
- RGB
- rgb(128 0 112)
- HSL
- hsl(308 100% 25%)
- HWB
- hwb(308 0% 50%)
- OKLCH
- oklch(0.411 0.183 335.2)
- OKLab
- oklab(0.411 0.166 -0.077)
- CIE Lab
- lab(28.86 54.37 -27.45)
- LCH
- lch(28.86 60.91 333.2)
- CMYK
- cmyk(0% 100% 13% 50%)
ティント · シェード · トーン
ティント
- 8E2B7E
- 9C458C
- AA5D9A
- B774A8
- C48AB7
- D0A1C5
- DDB8D3
- E8D0E2
- F4E7F0
シェード
- 6E0060
- 5D0051
- 4D0043
- 3D0035
- 2E0027
- 1F001A
- 12000E
- 060004
- 010001
トーン
- 821D72
- 832D74
- 843A76
- 844578
- 855079
- 855A7B
- 84647C
- 836D7E
- 82777F
カラーハーモニー
補色 +180°
- 800070
Patriarch
- 005A31
≈ Crusoe
類似色 -30° +30°
- 800070
Patriarch
- 631E97
≈ Wild Violet
- 8C003E
≈ Madrileño Maroon
トライアド +120° +240°
- 800070
Patriarch
- 594900
≈ Scorzonera Brown
- 005463
≈ Rainy Morning
スプリットコンプリメンタリー +150° +210°
- 800070
Patriarch
- 3E5400
≈ Highlands Moss
- 005750
≈ Castleton Green
テトラード +90° +180° +270°
- 800070
Patriarch
- 6C3E00
≈ Bloodtracker Brown
- 005A31
≈ Crusoe
- 004E7F
≈ Snorkel Sea
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.75:1 · APCA Lc 90
Ag
Fail黒の上
WCAG 2.15:1 · APCA Lc 12
最適な文字色: #FFFFFF
WCAG 9.75:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--patriarch: #800070;
--patriarch-rgb: 128 0 112;
--patriarch-oklch: oklch(0.411 0.183 335.2);
}
.element {
color: var(--patriarch);
background-color: hsl(308 100% 25%);
border-color: oklch(0.411 0.183 335.2);
}Tailwind CSS v4
@theme {
--color-patriarch: #800070;
--color-patriarch-50: #ffe2ff;
--color-patriarch-100: #ffd1fe;
--color-patriarch-200: #ffb6f0;
--color-patriarch-300: #f291d9;
--color-patriarch-400: #de6fc8;
--color-patriarch-500: #cb4ab5;
--color-patriarch-600: #ab4098;
--color-patriarch-700: #8a337a;
--color-patriarch-800: #65245d;
--color-patriarch-900: #471841;
--color-patriarch-950: #2e0829;
}SCSS
$patriarch: #800070;
$patriarch-rgb: 128, 0, 112;
$patriarch-light: mix(#fff, $patriarch, 20%);
$patriarch-dark: mix(#000, $patriarch, 20%);
.element {
color: $patriarch;
box-shadow: 0 0 0 2px rgba($patriarch, 0.35);
}