最も近い色名 · #3A4375
#3A4375
最も近い色名: Space Missions
#3A4375（rgb(58 67 117)、hsl(231 34% 34%)、oklch(0.4 0.085 274.2)）に最も近い色名はSpace Missionsです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#3A4375
oklch(0.4 0.085 274.2)
カラー変換
- HEX
- #3a4375
- RGB
- rgb(58 67 117)
- HSL
- hsl(231 34% 34%)
- HWB
- hwb(231 23% 54%)
- OKLCH
- oklch(0.4 0.085 274.2)
- OKLab
- oklab(0.4 0.006 -0.085)
- CIE Lab
- lab(29.52 7.81 -30.38)
- LCH
- lch(29.52 31.37 284.4)
- CMYK
- cmyk(50% 43% 0% 54%)
ティント · シェード · トーン
ティント
- 4B5483
- 5D6690
- 6F789E
- 828AAC
- 969DB9
- AAB0C7
- BFC3D5
- D4D7E3
- E9EBF1
シェード
- 313965
- 282F55
- 202646
- 181D37
- 101429
- 090C1C
- 04050F
- 010105
- 000001
トーン
- 404977
- 474F78
- 4E5679
- 545C7B
- 5B627C
- 63687D
- 6A6E7E
- 71747F
- 797A7F
カラーハーモニー
補色 +180°
- 3A4375
Space Missions
- 564600
≈ Sugarloaf Brown
類似色 -30° +30°
- 3A4375
Space Missions
- 164C72
≈ Sail Maker
- 523B6C
≈ Succinct Violet
トライアド +120° +240°
- 3A4375
Space Missions
- 6E3527
≈ Pueblo
- 185532
≈ Moor-Monster
スプリットコンプリメンタリー +150° +210°
- 3A4375
Space Missions
- 673C09
≈ Bestial Brown
- 3E4F14
≈ No Emissions Green
テトラード +90° +180° +270°
- 3A4375
Space Missions
- 6C3242
≈ Chestnut Red
- 564600
≈ Sugarloaf Brown
- 00544C
≈ Plankton Green
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.37:1 · APCA Lc 92
Ag
Fail黒の上
WCAG 2.23:1 · APCA Lc 11
最適な文字色: #FFFFFF
WCAG 9.37:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--space-missions: #3a4375;
--space-missions-rgb: 58 67 117;
--space-missions-oklch: oklch(0.4 0.085 274.2);
}
.element {
color: var(--space-missions);
background-color: hsl(231 34% 34%);
border-color: oklch(0.4 0.085 274.2);
}Tailwind CSS v4
@theme {
--color-space-missions: #3a4375;
--color-space-missions-50: #eef4ff;
--color-space-missions-100: #e0e6ff;
--color-space-missions-200: #cad2f9;
--color-space-missions-300: #abb4e3;
--color-space-missions-400: #8f9bd1;
--color-space-missions-500: #7582bf;
--color-space-missions-600: #636ea1;
--color-space-missions-700: #4f5881;
--color-space-missions-800: #384060;
--color-space-missions-900: #262c43;
--color-space-missions-950: #15192b;
}SCSS
$space-missions: #3a4375;
$space-missions-rgb: 58, 67, 117;
$space-missions-light: mix(#fff, $space-missions, 20%);
$space-missions-dark: mix(#000, $space-missions, 20%);
.element {
color: $space-missions;
box-shadow: 0 0 0 2px rgba($space-missions, 0.35);
}