最も近い色名 · #22225B
#22225B
最も近い色名: Spacescape
#22225B（rgb(34 34 91)、hsl(240 46% 25%)、oklch(0.29 0.1 278.2)）に最も近い色名はSpacescapeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#22225B
oklch(0.29 0.1 278.2)
カラー変換
- HEX
- #22225b
- RGB
- rgb(34 34 91)
- HSL
- hsl(240 46% 25%)
- HWB
- hwb(240 13% 64%)
- OKLCH
- oklch(0.29 0.1 278.2)
- OKLab
- oklab(0.29 0.014 -0.099)
- CIE Lab
- lab(16.19 15.12 -35.01)
- LCH
- lch(16.19 38.14 293.4)
- CMYK
- cmyk(63% 63% 0% 64%)
ティント · シェード · トーン
ティント
- 33376B
- 464B7B
- 5B608C
- 70759C
- 868BAC
- 9DA1BD
- B5B8CD
- CDCFDE
- E6E7EE
シェード
- 1C1C4E
- 161641
- 111135
- 0B0B29
- 07071E
- 030313
- 010109
- 000003
- 000000
トーン
- 2A2C5F
- 323564
- 3B3F68
- 44486C
- 4D516F
- 575B73
- 616477
- 6B6D7A
- 75777D
カラーハーモニー
補色 +180°
- 22225B
Spacescape
- 332B00
≈ Secret Passage
類似色 -30° +30°
- 22225B
Spacescape
- 002D50
≈ Indigo Black
- 391950
≈ Russian Violet
トライアド +120° +240°
- 22225B
Spacescape
- 501400
≈ Earth Brown
- 00351E
≈ Off-Road Green
スプリットコンプリメンタリー +150° +210°
- 22225B
Spacescape
- 3F2400
≈ Blackened Brown
- 203200
≈ Blind Forest
テトラード +90° +180° +270°
- 22225B
Spacescape
- 510C21
≈ Fig Balsamic
- 332B00
≈ Secret Passage
- 003330
≈ Nora’s Forest
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 14.50:1 · APCA Lc 101
Ag
Fail黒の上
WCAG 1.44:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 14.50:1 (AAA) · APCA Lc 101
Contrast pairs
コードスニペット
CSS
:root {
--spacescape: #22225b;
--spacescape-rgb: 34 34 91;
--spacescape-oklch: oklch(0.29 0.1 278.2);
}
.element {
color: var(--spacescape);
background-color: hsl(240 46% 25%);
border-color: oklch(0.29 0.1 278.2);
}Tailwind CSS v4
@theme {
--color-spacescape: #22225b;
--color-spacescape-50: #eff3ff;
--color-spacescape-100: #e1e5ff;
--color-spacescape-200: #cbd0ff;
--color-spacescape-300: #adb2ea;
--color-spacescape-400: #9199d9;
--color-spacescape-500: #777fc7;
--color-spacescape-600: #656ba8;
--color-spacescape-700: #515687;
--color-spacescape-800: #393f65;
--color-spacescape-900: #272b47;
--color-spacescape-950: #15182e;
}SCSS
$spacescape: #22225b;
$spacescape-rgb: 34, 34, 91;
$spacescape-light: mix(#fff, $spacescape, 20%);
$spacescape-dark: mix(#000, $spacescape, 20%);
.element {
color: $spacescape;
box-shadow: 0 0 0 2px rgba($spacescape, 0.35);
}