Benannte Farbe · #507B9A
Stormy Ridge
Stormy Ridge ist #507B9A: rgb(80 123 154), hsl(205 32% 46%), oklch(0.564 0.068 240.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Stormy Ridge color name →
#507B9A
oklch(0.564 0.068 240.8)
Farbumrechnungen
- HEX
- #507b9a
- RGB
- rgb(80 123 154)
- HSL
- hsl(205 32% 46%)
- HWB
- hwb(205 31% 40%)
- OKLCH
- oklch(0.564 0.068 240.8)
- OKLab
- oklab(0.564 -0.033 -0.059)
- CIE Lab
- lab(49.43 -8.7 -21.72)
- LCH
- lch(49.43 23.4 248.2)
- CMYK
- cmyk(48% 20% 0% 40%)
Tints · Shades · Tones
Tints
- 6188A4
- 7294AE
- 83A1B8
- 94AEC2
- A5BBCC
- B7C9D6
- C9D6E0
- DBE4EB
- EDF1F5
Shades
- 446A85
- 395A71
- 2E4A5E
- 243A4B
- 1A2C39
- 101E27
- 071017
- 020509
- 000101
Tones
- 557C98
- 5B7C95
- 607D93
- 657D90
- 697E8D
- 6E7E8B
- 737F88
- 777F86
- 7C8083
Farbharmonien
Komplementär +180°
- 507B9A
Stormy Ridge
- 936C4C
≈ Thrush
Analog -30° +30°
- 507B9A
Stormy Ridge
- 41818C
≈ Shady Blue
- 67749E
≈ Costume Blue
Triadisch +120° +240°
- 507B9A
Stormy Ridge
- 976573
≈ Jellybean Pink
- 707C4E
≈ Mint Leaves
Geteilt komplementär +150° +210°
- 507B9A
Stormy Ridge
- 9A675D
≈ Terra Cotta Sun
- 857446
≈ Mossy
Tetradisch +90° +180° +270°
- 507B9A
Stormy Ridge
- 8D6788
≈ Sunshone Plum
- 936C4C
≈ Thrush
- 588161
≈ Soylent Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.52:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.64:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--stormy-ridge: #507b9a;
--stormy-ridge-rgb: 80 123 154;
--stormy-ridge-oklch: oklch(0.564 0.068 240.8);
}
.element {
color: var(--stormy-ridge);
background-color: hsl(205 32% 46%);
border-color: oklch(0.564 0.068 240.8);
}Tailwind CSS v4
@theme {
--color-stormy-ridge: #507b9a;
--color-stormy-ridge-50: #e5f8ff;
--color-stormy-ridge-100: #d5ebfd;
--color-stormy-ridge-200: #bcd8ef;
--color-stormy-ridge-300: #9abcd8;
--color-stormy-ridge-400: #7aa4c3;
--color-stormy-ridge-500: #5c8caf;
--color-stormy-ridge-600: #4e7794;
--color-stormy-ridge-700: #3e5f77;
--color-stormy-ridge-800: #2c4657;
--color-stormy-ridge-900: #1d303d;
--color-stormy-ridge-950: #0d1c27;
}SCSS
$stormy-ridge: #507b9a;
$stormy-ridge-rgb: 80, 123, 154;
$stormy-ridge-light: mix(#fff, $stormy-ridge, 20%);
$stormy-ridge-dark: mix(#000, $stormy-ridge, 20%);
.element {
color: $stormy-ridge;
box-shadow: 0 0 0 2px rgba($stormy-ridge, 0.35);
}