Benannte Farbe · #82979B
Morning at Sea
Morning at Sea ist #82979B: rgb(130 151 155), hsl(190 11% 56%), oklch(0.661 0.025 210.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Morning at Sea color name →
#82979B
oklch(0.661 0.025 210.4)
Farbumrechnungen
- HEX
- #82979b
- RGB
- rgb(130 151 155)
- HSL
- hsl(190 11% 56%)
- HWB
- hwb(190 51% 39%)
- OKLCH
- oklch(0.661 0.025 210.4)
- OKLab
- oklab(0.661 -0.021 -0.012)
- CIE Lab
- lab(60.9 -7.05 -4.75)
- LCH
- lch(60.9 8.5 214)
- CMYK
- cmyk(16% 3% 0% 39%)
Tints · Shades · Tones
Tints
- 8EA1A5
- 9AABAE
- A6B5B8
- B2BFC2
- BFCACC
- CCD4D6
- D8DFE0
- E5E9EA
- F2F4F5
Shades
- 708386
- 5F6F72
- 4E5C5E
- 3E494B
- 2F3739
- 202628
- 121718
- 060809
- 010101
Tones
- 829598
- 829296
- 829093
- 818E90
- 818B8D
- 81898B
- 818788
- 818585
- 808283
Farbharmonien
Komplementär +180°
- 82979B
Morning at Sea
- A18D8A
≈ Satellite
Analog -30° +30°
- 82979B
Morning at Sea
- 839893
≈ In the Moment
- 8695A0
≈ Supreme Grey
Triadisch +120° +240°
- 82979B
Morning at Sea
- 9C8D9A
≈ Greige Violet
- 989282
≈ Claytone
Geteilt komplementär +150° +210°
- 82979B
Morning at Sea
- A08D92
≈ Gothic Amethyst
- 9E8F84
≈ Ancient Wonder
Tetradisch +90° +180° +270°
- 82979B
Morning at Sea
- 958FA0
≈ Evening in Paris
- A18D8A
≈ Satellite
- 909585
≈ Tarzan Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.06:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.84:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.84:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--morning-at-sea: #82979b;
--morning-at-sea-rgb: 130 151 155;
--morning-at-sea-oklch: oklch(0.661 0.025 210.4);
}
.element {
color: var(--morning-at-sea);
background-color: hsl(190 11% 56%);
border-color: oklch(0.661 0.025 210.4);
}Tailwind CSS v4
@theme {
--color-morning-at-sea: #82979b;
--color-morning-at-sea-50: #eef7f9;
--color-morning-at-sea-100: #dfeaed;
--color-morning-at-sea-200: #c9d7da;
--color-morning-at-sea-300: #aabbbf;
--color-morning-at-sea-400: #8fa3a7;
--color-morning-at-sea-500: #748b8f;
--color-morning-at-sea-600: #627679;
--color-morning-at-sea-700: #4f5e61;
--color-morning-at-sea-800: #394547;
--color-morning-at-sea-900: #273031;
--color-morning-at-sea-950: #151c1d;
}SCSS
$morning-at-sea: #82979b;
$morning-at-sea-rgb: 130, 151, 155;
$morning-at-sea-light: mix(#fff, $morning-at-sea, 20%);
$morning-at-sea-dark: mix(#000, $morning-at-sea, 20%);
.element {
color: $morning-at-sea;
box-shadow: 0 0 0 2px rgba($morning-at-sea, 0.35);
}