色名 · #2D5975
Mountain Lake
Mountain Lakeは#2D5975：rgb(45 89 117)、hsl(203 44% 32%)、oklch(0.445 0.067 238.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Mountain Lake color name →
#2D5975
oklch(0.445 0.067 238.7)
カラー変換
- HEX
- #2d5975
- RGB
- rgb(45 89 117)
- HSL
- hsl(203 44% 32%)
- HWB
- hwb(203 18% 54%)
- OKLCH
- oklch(0.445 0.067 238.7)
- OKLab
- oklab(0.445 -0.035 -0.057)
- CIE Lab
- lab(35.64 -8.82 -20.91)
- LCH
- lch(35.64 22.69 247.1)
- CMYK
- cmyk(62% 24% 0% 54%)
ティント · シェード · トーン
ティント
- 426882
- 567890
- 6A889D
- 7E98AB
- 93A9B8
- A8BAC6
- BDCBD4
- D3DCE2
- E9EDF1
シェード
- 264C65
- 1F4055
- 183446
- 112837
- 0B1D29
- 06131C
- 02090F
- 010305
- 000001
トーン
- 365D76
- 3F6178
- 486579
- 50697A
- 586D7B
- 60717C
- 68757D
- 70787E
- 787C7F
カラーハーモニー
補色 +180°
- 2D5975
Mountain Lake
- 704A2C
≈ Pickled Bean
類似色 -30° +30°
- 2D5975
Mountain Lake
- 1A5E68
≈ Tropical Skies
- 445279
≈ Astronaut
トライアド +120° +240°
- 2D5975
Mountain Lake
- 724453
≈ Deep Carmine
- 50592C
≈ Soldier Green
スプリットコンプリメンタリー +150° +210°
- 2D5975
Mountain Lake
- 75453E
≈ Rocky Mountain Red
- 635224
≈ Uguisu Brown
テトラード +90° +180° +270°
- 2D5975
Mountain Lake
- 684666
≈ Sultana
- 704A2C
≈ Pickled Bean
- 385E3F
≈ Verde Garrafa
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.50:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.79:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--mountain-lake: #2d5975;
--mountain-lake-rgb: 45 89 117;
--mountain-lake-oklch: oklch(0.445 0.067 238.7);
}
.element {
color: var(--mountain-lake);
background-color: hsl(203 44% 32%);
border-color: oklch(0.445 0.067 238.7);
}Tailwind CSS v4
@theme {
--color-mountain-lake: #2d5975;
--color-mountain-lake-50: #e5f8ff;
--color-mountain-lake-100: #d5ebfd;
--color-mountain-lake-200: #bcd9ef;
--color-mountain-lake-300: #99bdd7;
--color-mountain-lake-400: #79a5c2;
--color-mountain-lake-500: #5b8dae;
--color-mountain-lake-600: #4d7793;
--color-mountain-lake-700: #3d5f76;
--color-mountain-lake-800: #2b4657;
--color-mountain-lake-900: #1d303d;
--color-mountain-lake-950: #0d1d26;
}SCSS
$mountain-lake: #2d5975;
$mountain-lake-rgb: 45, 89, 117;
$mountain-lake-light: mix(#fff, $mountain-lake, 20%);
$mountain-lake-dark: mix(#000, $mountain-lake, 20%);
.element {
color: $mountain-lake;
box-shadow: 0 0 0 2px rgba($mountain-lake, 0.35);
}