Benannte Farbe · #53B8C9
Mountain Range Blue
Mountain Range Blue ist #53B8C9: rgb(83 184 201), hsl(189 52% 56%), oklch(0.729 0.096 210.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Mountain Range Blue color name →
#53B8C9
oklch(0.729 0.096 210.1)
Farbumrechnungen
- HEX
- #53b8c9
- RGB
- rgb(83 184 201)
- HSL
- hsl(189 52% 56%)
- HWB
- hwb(189 33% 21%)
- OKLCH
- oklch(0.729 0.096 210.1)
- OKLab
- oklab(0.729 -0.083 -0.048)
- CIE Lab
- lab(69.35 -26.87 -18.03)
- LCH
- lch(69.35 32.36 213.9)
- CMYK
- cmyk(59% 8% 0% 21%)
Tints · Shades · Tones
Tints
- 68BFCE
- 7BC6D4
- 8DCED9
- 9ED5DF
- AFDCE4
- BFE3E9
- CFEAEF
- DFF1F4
- EFF8FA
Shades
- 47A0AE
- 3B8895
- 30717C
- 255B64
- 1B454C
- 113136
- 081E22
- 020C0F
- 000202
Tones
- 5BB2C2
- 62ADBA
- 68A7B3
- 6DA2AB
- 719CA4
- 75979D
- 789196
- 7B8B8E
- 7E8687
Farbharmonien
Komplementär +180°
- 53B8C9
Mountain Range Blue
- DD9083
≈ Tuscan Image
Analog -30° +30°
- 53B8C9
Mountain Range Blue
- 59BBAA
≈ Green Fluorite
- 6DB0DE
≈ Sanctuary Spa
Triadisch +120° +240°
- 53B8C9
Mountain Range Blue
- CA91C4
≈ Pomtini
- BFA55D
≈ Nonpareil Apple
Geteilt komplementär +150° +210°
- 53B8C9
Mountain Range Blue
- DA8EA5
≈ Sugar Tooth
- D49968
≈ Folksy Gold
Tetradisch +90° +180° +270°
- 53B8C9
Mountain Range Blue
- B19ADB
≈ Violet Velvet
- DD9083
≈ Tuscan Image
- 9FB16A
≈ Matcha Mecha
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.31:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.06:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.06:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--mountain-range-blue: #53b8c9;
--mountain-range-blue-rgb: 83 184 201;
--mountain-range-blue-oklch: oklch(0.729 0.096 210.1);
}
.element {
color: var(--mountain-range-blue);
background-color: hsl(189 52% 56%);
border-color: oklch(0.729 0.096 210.1);
}Tailwind CSS v4
@theme {
--color-mountain-range-blue: #53b8c9;
--color-mountain-range-blue-50: #d7fdff;
--color-mountain-range-blue-100: #c4f1fb;
--color-mountain-range-blue-200: #a5e0ec;
--color-mountain-range-blue-300: #7ac5d4;
--color-mountain-range-blue-400: #4faebe;
--color-mountain-range-blue-500: #0997a9;
--color-mountain-range-blue-600: #12808f;
--color-mountain-range-blue-700: #106673;
--color-mountain-range-blue-800: #074b54;
--color-mountain-range-blue-900: #06343a;
--color-mountain-range-blue-950: #002024;
}SCSS
$mountain-range-blue: #53b8c9;
$mountain-range-blue-rgb: 83, 184, 201;
$mountain-range-blue-light: mix(#fff, $mountain-range-blue, 20%);
$mountain-range-blue-dark: mix(#000, $mountain-range-blue, 20%);
.element {
color: $mountain-range-blue;
box-shadow: 0 0 0 2px rgba($mountain-range-blue, 0.35);
}