Benannte Farbe · #7F8793
Sea Lion
Sea Lion ist #7F8793: rgb(127 135 147), hsl(216 8% 54%), oklch(0.621 0.02 258.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sea Lion color name →
#7F8793
oklch(0.621 0.02 258.4)
Farbumrechnungen
- HEX
- #7f8793
- RGB
- rgb(127 135 147)
- HSL
- hsl(216 8% 54%)
- HWB
- hwb(216 50% 42%)
- OKLCH
- oklch(0.621 0.02 258.4)
- OKLab
- oklab(0.621 -0.004 -0.02)
- CIE Lab
- lab(55.95 -1.11 -7.51)
- LCH
- lch(55.95 7.59 261.6)
- CMYK
- cmyk(14% 8% 0% 42%)
Tints · Shades · Tones
Tints
- 8B929D
- 979EA8
- A4AAB2
- B0B5BD
- BDC1C8
- CACDD3
- D7DADE
- E4E6E9
- F2F2F4
Shades
- 6E757F
- 5D636C
- 4C5159
- 3C4147
- 2D3136
- 1F2125
- 111316
- 060608
- 010101
Tones
- 7F8691
- 7F868F
- 7F858D
- 7F848B
- 80848A
- 808388
- 808286
- 808184
- 808182
Farbharmonien
Komplementär +180°
- 7F8793
Sea Lion
- 8D8579
≈ Roller Coaster
Analog -30° +30°
- 7F8793
Sea Lion
- 7A8990
≈ Academy Grey
- 858592
≈ Modest Mauve
Triadisch +120° +240°
- 7F8793
Sea Lion
- 928282
≈ Warm Embrace
- 808A7E
≈ Salty Sea
Geteilt komplementär +150° +210°
- 7F8793
Sea Lion
- 91837C
≈ Roanoke Taupe
- 87887A
≈ Kosher Khaki
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.62:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.78:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.78:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--sea-lion: #7f8793;
--sea-lion-rgb: 127 135 147;
--sea-lion-oklch: oklch(0.621 0.02 258.4);
}
.element {
color: var(--sea-lion);
background-color: hsl(216 8% 54%);
border-color: oklch(0.621 0.02 258.4);
}Tailwind CSS v4
@theme {
--color-sea-lion: #7f8793;
--color-sea-lion-50: #f2f5fb;
--color-sea-lion-100: #e4e8ef;
--color-sea-lion-200: #cfd5dd;
--color-sea-lion-300: #b1b8c2;
--color-sea-lion-400: #979fab;
--color-sea-lion-500: #7e8794;
--color-sea-lion-600: #6b727d;
--color-sea-lion-700: #555b64;
--color-sea-lion-800: #3e434a;
--color-sea-lion-900: #2b2e33;
--color-sea-lion-950: #181b1f;
}SCSS
$sea-lion: #7f8793;
$sea-lion-rgb: 127, 135, 147;
$sea-lion-light: mix(#fff, $sea-lion, 20%);
$sea-lion-dark: mix(#000, $sea-lion, 20%);
.element {
color: $sea-lion;
box-shadow: 0 0 0 2px rgba($sea-lion, 0.35);
}