Nächste benannte Farbe · #76A2A6
#76A2A6
Nächste benannte Farbe: Stormy Waters
#76A2A6 (rgb(118 162 166), hsl(185 21% 56%), oklch(0.682 0.048 203.1)) liegt am nächsten an der benannten Farbe Stormy Waters. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#76A2A6
oklch(0.682 0.048 203.1)
Farbumrechnungen
- HEX
- #76a2a6
- RGB
- rgb(118 162 166)
- HSL
- hsl(185 21% 56%)
- HWB
- hwb(185 46% 35%)
- OKLCH
- oklch(0.682 0.048 203.1)
- OKLab
- oklab(0.682 -0.044 -0.019)
- CIE Lab
- lab(63.54 -14.66 -7.16)
- LCH
- lch(63.54 16.32 206)
- CMYK
- cmyk(29% 2% 0% 35%)
Tints · Shades · Tones
Tints
- 84ABAF
- 91B4B7
- 9FBDC0
- ACC6C9
- BAD0D2
- C7D9DB
- D5E2E4
- E3ECED
- F1F5F6
Shades
- 668C90
- 56777A
- 476365
- 384F51
- 293C3E
- 1C2A2B
- 0F191A
- 050A0A
- 010101
Tones
- 779FA2
- 799B9E
- 7A989A
- 7B9497
- 7C9193
- 7D8E8F
- 7E8A8B
- 7F8787
- 7F8384
Farbharmonien
Komplementär +180°
- 76A2A6
Stormy Waters
- B58E8B
≈ Brandy Snaps
Analog -30° +30°
- 76A2A6
Stormy Waters
- 7BA396
≈ Verdigreen
- 7C9EB2
≈ Blue Cascade
Triadisch +120° +240°
- 76A2A6
Stormy Waters
- A88FAA
≈ Aged to Perfection
- A79778
≈ Olive Chutney
Geteilt komplementär +150° +210°
- 76A2A6
Stormy Waters
- B18D9B
≈ Mauve Shadows
- B1917E
≈ Mazzone
Tetradisch +90° +180° +270°
- 76A2A6
Stormy Waters
- 9A94B4
≈ Tusi Grey
- B58E8B
≈ Brandy Snaps
- 989C7B
≈ Rookwood Jade
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.48:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--stormy-waters: #76a2a6;
--stormy-waters-rgb: 118 162 166;
--stormy-waters-oklch: oklch(0.682 0.048 203.1);
}
.element {
color: var(--stormy-waters);
background-color: hsl(185 21% 56%);
border-color: oklch(0.682 0.048 203.1);
}Tailwind CSS v4
@theme {
--color-stormy-waters: #76a2a6;
--color-stormy-waters-50: #e6f9fc;
--color-stormy-waters-100: #d6edef;
--color-stormy-waters-200: #bedbde;
--color-stormy-waters-300: #9cbfc3;
--color-stormy-waters-400: #7da7ab;
--color-stormy-waters-500: #5f9094;
--color-stormy-waters-600: #517a7d;
--color-stormy-waters-700: #416164;
--color-stormy-waters-800: #2e4749;
--color-stormy-waters-900: #1f3233;
--color-stormy-waters-950: #0f1d1e;
}SCSS
$stormy-waters: #76a2a6;
$stormy-waters-rgb: 118, 162, 166;
$stormy-waters-light: mix(#fff, $stormy-waters, 20%);
$stormy-waters-dark: mix(#000, $stormy-waters, 20%);
.element {
color: $stormy-waters;
box-shadow: 0 0 0 2px rgba($stormy-waters, 0.35);
}