Benannte Farbe · #475F77
Mountain River
Mountain River ist #475F77: rgb(71 95 119), hsl(210 25% 37%), oklch(0.476 0.049 248.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Mountain River color name →
#475F77
oklch(0.476 0.049 248.9)
Farbumrechnungen
- HEX
- #475f77
- RGB
- rgb(71 95 119)
- HSL
- hsl(210 25% 37%)
- HWB
- hwb(210 28% 53%)
- OKLCH
- oklch(0.476 0.049 248.9)
- OKLab
- oklab(0.476 -0.018 -0.045)
- CIE Lab
- lab(39.11 -4.26 -16.67)
- LCH
- lch(39.11 17.21 255.7)
- CMYK
- cmyk(40% 20% 0% 53%)
Tints · Shades · Tones
Tints
- 586E84
- 697D91
- 7B8C9E
- 8D9CAC
- 9FACB9
- B1BCC7
- C4CCD5
- D8DDE3
- EBEEF1
Shades
- 3D5267
- 324457
- 283847
- 1F2C38
- 16202A
- 0D151C
- 060A10
- 020305
- 000001
Tones
- 4D6278
- 526679
- 58697A
- 5E6C7B
- 63707C
- 69737D
- 6F767E
- 75797E
- 7A7D7F
Farbharmonien
Komplementär +180°
- 475F77
Mountain River
- 6F583E
≈ Clockworks
Analog -30° +30°
- 475F77
Mountain River
- 3C636F
≈ Juniper Berry Blue
- 565A78
≈ When Worlds Collide
Triadisch +120° +240°
- 475F77
Mountain River
- 755157
≈ Stravinsky Pink
- 546245
≈ Boughs of Pine
Geteilt komplementär +150° +210°
- 475F77
Mountain River
- 755348
≈ Roasted
- 635D3D
≈ Shagbark Olive
Tetradisch +90° +180° +270°
- 475F77
Mountain River
- 6F5266
≈ Hibernation
- 6F583E
≈ Clockworks
- 446552
≈ Cucumber Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.62:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.17:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.62:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--mountain-river: #475f77;
--mountain-river-rgb: 71 95 119;
--mountain-river-oklch: oklch(0.476 0.049 248.9);
}
.element {
color: var(--mountain-river);
background-color: hsl(210 25% 37%);
border-color: oklch(0.476 0.049 248.9);
}Tailwind CSS v4
@theme {
--color-mountain-river: #475f77;
--color-mountain-river-50: #ebf7ff;
--color-mountain-river-100: #dce9f8;
--color-mountain-river-200: #c5d6e9;
--color-mountain-river-300: #a6bad0;
--color-mountain-river-400: #89a1ba;
--color-mountain-river-500: #6d89a5;
--color-mountain-river-600: #5d748c;
--color-mountain-river-700: #4a5d70;
--color-mountain-river-800: #354453;
--color-mountain-river-900: #242f3a;
--color-mountain-river-950: #131c24;
}SCSS
$mountain-river: #475f77;
$mountain-river-rgb: 71, 95, 119;
$mountain-river-light: mix(#fff, $mountain-river, 20%);
$mountain-river-dark: mix(#000, $mountain-river, 20%);
.element {
color: $mountain-river;
box-shadow: 0 0 0 2px rgba($mountain-river, 0.35);
}