Benannte Farbe · #538F94
Coastal Calm
Coastal Calm ist #538F94: rgb(83 143 148), hsl(185 28% 45%), oklch(0.611 0.063 202.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Coastal Calm color name →
#538F94
oklch(0.611 0.063 202.5)
Farbumrechnungen
- HEX
- #538f94
- RGB
- rgb(83 143 148)
- HSL
- hsl(185 28% 45%)
- HWB
- hwb(185 33% 42%)
- OKLCH
- oklch(0.611 0.063 202.5)
- OKLab
- oklab(0.611 -0.058 -0.024)
- CIE Lab
- lab(55.49 -19.33 -9.13)
- LCH
- lch(55.49 21.38 205.3)
- CMYK
- cmyk(44% 3% 0% 42%)
Tints · Shades · Tones
Tints
- 659A9E
- 76A5A9
- 87B0B3
- 98BBBE
- A9C6C8
- BAD1D3
- CBDDDE
- DCE8E9
- EEF3F4
Shades
- 477C80
- 3B696D
- 30575A
- 254548
- 1B3436
- 112426
- 081516
- 020708
- 000101
Tones
- 598E92
- 5E8C90
- 638B8E
- 68898C
- 6C888A
- 718688
- 758586
- 798384
- 7C8282
Farbharmonien
Komplementär +180°
- 538F94
Coastal Calm
- A67572
≈ Dusky Haze
Analog -30° +30°
- 538F94
Coastal Calm
- 5B9080
≈ Chlorite
- 5C8AA3
≈ Sea Crystal
Triadisch +120° +240°
- 538F94
Coastal Calm
- 96779A
≈ Vestige
- 968057
≈ Grassy Cliff
Geteilt komplementär +150° +210°
- 538F94
Coastal Calm
- A27487
≈ Upper Crust
- A27960
≈ Walking Stick
Tetradisch +90° +180° +270°
- 538F94
Coastal Calm
- 847DA7
≈ Second Pour
- A67572
≈ Dusky Haze
- 84885C
≈ Iguana
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.66:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.72:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.72:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--coastal-calm: #538f94;
--coastal-calm-rgb: 83 143 148;
--coastal-calm-oklch: oklch(0.611 0.063 202.5);
}
.element {
color: var(--coastal-calm);
background-color: hsl(185 28% 45%);
border-color: oklch(0.611 0.063 202.5);
}Tailwind CSS v4
@theme {
--color-coastal-calm: #538f94;
--color-coastal-calm-50: #e1fbfe;
--color-coastal-calm-100: #d1eef2;
--color-coastal-calm-200: #b6dde1;
--color-coastal-calm-300: #92c1c6;
--color-coastal-calm-400: #71aaaf;
--color-coastal-calm-500: #4f9398;
--color-coastal-calm-600: #447c81;
--color-coastal-calm-700: #366367;
--color-coastal-calm-800: #26494b;
--color-coastal-calm-900: #193334;
--color-coastal-calm-950: #0a1e20;
}SCSS
$coastal-calm: #538f94;
$coastal-calm-rgb: 83, 143, 148;
$coastal-calm-light: mix(#fff, $coastal-calm, 20%);
$coastal-calm-dark: mix(#000, $coastal-calm, 20%);
.element {
color: $coastal-calm;
box-shadow: 0 0 0 2px rgba($coastal-calm, 0.35);
}