色名 · #442255
Galactic Wonder
Galactic Wonderは#442255：rgb(68 34 85)、hsl(280 43% 23%)、oklch(0.323 0.094 313.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Galactic Wonder color name →
#442255
oklch(0.323 0.094 313.1)
カラー変換
- HEX
- #442255
- RGB
- rgb(68 34 85)
- HSL
- hsl(280 43% 23%)
- HWB
- hwb(280 13% 67%)
- OKLCH
- oklch(0.323 0.094 313.1)
- OKLab
- oklab(0.323 0.064 -0.069)
- CIE Lab
- lab(19.98 24.09 -24.67)
- LCH
- lch(19.98 34.48 314.3)
- CMYK
- cmyk(20% 60% 0% 67%)
ティント · シェード · トーン
ティント
- 553665
- 664B75
- 785F86
- 8A7597
- 9D8BA8
- B0A1B9
- C3B8CA
- D7CFDB
- EBE7ED
シェード
- 3A1C49
- 30163D
- 261131
- 1D0B26
- 14071C
- 0C0311
- 050108
- 020002
- 000000
トーン
- 4A2C5A
- 50355E
- 563E63
- 5C4867
- 62516B
- 685A70
- 6E6374
- 746D78
- 7A767C
カラーハーモニー
補色 +180°
- 442255
Galactic Wonder
- 1F3D00
≈ Hunter Green
類似色 -30° +30°
- 442255
Galactic Wonder
- 2E2A61
≈ Paris M
- 521C40
≈ Tulip Poplar Purple
トライアド +120° +240°
- 442255
Galactic Wonder
- 482D00
≈ Stirland Mud
- 003C3B
≈ Customs Green
スプリットコンプリメンタリー +150° +210°
- 442255
Galactic Wonder
- 3A3500
≈ Wasabi Nori
- 003E29
≈ Angel Green
テトラード +90° +180° +270°
- 442255
Galactic Wonder
- 591F01
≈ Conker Brown
- 1F3D00
≈ Hunter Green
- 003A4A
≈ Natural Indigo
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 13.07:1 · APCA Lc 99
Ag
Fail黒の上
WCAG 1.60:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 13.07:1 (AAA) · APCA Lc 99
Contrast pairs
コードスニペット
CSS
:root {
--galactic-wonder: #442255;
--galactic-wonder-rgb: 68 34 85;
--galactic-wonder-oklch: oklch(0.323 0.094 313.1);
}
.element {
color: var(--galactic-wonder);
background-color: hsl(280 43% 23%);
border-color: oklch(0.323 0.094 313.1);
}Tailwind CSS v4
@theme {
--color-galactic-wonder: #442255;
--color-galactic-wonder-50: #ffeeff;
--color-galactic-wonder-100: #f4dffe;
--color-galactic-wonder-200: #e4c9f0;
--color-galactic-wonder-300: #caa9d9;
--color-galactic-wonder-400: #b28ec6;
--color-galactic-wonder-500: #9c73b3;
--color-galactic-wonder-600: #846297;
--color-galactic-wonder-700: #6a4e79;
--color-galactic-wonder-800: #4d395a;
--color-galactic-wonder-900: #35273f;
--color-galactic-wonder-950: #211528;
}SCSS
$galactic-wonder: #442255;
$galactic-wonder-rgb: 68, 34, 85;
$galactic-wonder-light: mix(#fff, $galactic-wonder, 20%);
$galactic-wonder-dark: mix(#000, $galactic-wonder, 20%);
.element {
color: $galactic-wonder;
box-shadow: 0 0 0 2px rgba($galactic-wonder, 0.35);
}