Benannte Farbe · #2D5975
Mountain Lake
Mountain Lake ist #2D5975: rgb(45 89 117), hsl(203 44% 32%), oklch(0.445 0.067 238.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Mountain Lake color name →
#2D5975
oklch(0.445 0.067 238.7)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 426882
- 567890
- 6A889D
- 7E98AB
- 93A9B8
- A8BAC6
- BDCBD4
- D3DCE2
- E9EDF1
Shades
- 264C65
- 1F4055
- 183446
- 112837
- 0B1D29
- 06131C
- 02090F
- 010305
- 000001
Tones
- 365D76
- 3F6178
- 486579
- 50697A
- 586D7B
- 60717C
- 68757D
- 70787E
- 787C7F
Farbharmonien
Komplementär +180°
- 2D5975
Mountain Lake
- 704A2C
≈ Pickled Bean
Analog -30° +30°
- 2D5975
Mountain Lake
- 1A5E68
≈ Tropical Skies
- 445279
≈ Astronaut
Triadisch +120° +240°
- 2D5975
Mountain Lake
- 724453
≈ Deep Carmine
- 50592C
≈ Soldier Green
Geteilt komplementär +150° +210°
- 2D5975
Mountain Lake
- 75453E
≈ Rocky Mountain Red
- 635224
≈ Uguisu Brown
Tetradisch +90° +180° +270°
- 2D5975
Mountain Lake
- 684666
≈ Sultana
- 704A2C
≈ Pickled Bean
- 385E3F
≈ Verde Garrafa
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.50:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.79:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
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);
}