Benannte Farbe · #758181
Adrift at Sea
Adrift at Sea ist #758181: rgb(117 129 129), hsl(180 5% 48%), oklch(0.593 0.014 196.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Adrift at Sea color name →
#758181
oklch(0.593 0.014 196.8)
Farbumrechnungen
- HEX
- #758181
- RGB
- rgb(117 129 129)
- HSL
- hsl(180 5% 48%)
- HWB
- hwb(180 46% 49%)
- OKLCH
- oklch(0.593 0.014 196.8)
- OKLab
- oklab(0.593 -0.014 -0.004)
- CIE Lab
- lab(52.98 -4.58 -1.59)
- LCH
- lch(52.98 4.85 199.2)
- CMYK
- cmyk(9% 0% 0% 49%)
Tints · Shades · Tones
Tints
- 828D8D
- 8F9999
- 9CA5A5
- AAB2B1
- B8BEBE
- C6CBCB
- D4D8D8
- E2E5E5
- F0F2F2
Shades
- 656F6F
- 555E5E
- 464E4E
- 373E3E
- 292E2E
- 1C1F1F
- 0F1212
- 050606
- 010101
Tones
- 768181
- 778181
- 788181
- 798181
- 7B8181
- 7C8080
- 7D8080
- 7E8080
- 7F8080
Farbharmonien
Komplementär +180°
- 758181
Adrift at Sea
- 877B7B
≈ Eastlake Lavender
Analog -30° +30°
- 758181
Adrift at Sea
- 77817C
≈ Stone Monument
- 768085
≈ Peak Point
Triadisch +120° +240°
- 758181
Adrift at Sea
- 827C84
≈ Magic Dust
- 837D75
≈ Metal Fringe
Geteilt komplementär +150° +210°
- 758181
Adrift at Sea
- 857B80
≈ Honed Steel
- 867C77
≈ Eastlake Lavender
Tetradisch +90° +180° +270°
- 758181
Adrift at Sea
- 7D7D87
≈ Silver Surfer
- 877B7B
≈ Eastlake Lavender
- 7F7F75
≈ Link Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.02:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.21:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.21:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--adrift-at-sea: #758181;
--adrift-at-sea-rgb: 117 129 129;
--adrift-at-sea-oklch: oklch(0.593 0.014 196.8);
}
.element {
color: var(--adrift-at-sea);
background-color: hsl(180 5% 48%);
border-color: oklch(0.593 0.014 196.8);
}Tailwind CSS v4
@theme {
--color-adrift-at-sea: #758181;
--color-adrift-at-sea-50: #f1f6f7;
--color-adrift-at-sea-100: #e3e9e9;
--color-adrift-at-sea-200: #ced6d6;
--color-adrift-at-sea-300: #afbaba;
--color-adrift-at-sea-400: #95a1a1;
--color-adrift-at-sea-500: #7c8989;
--color-adrift-at-sea-600: #697474;
--color-adrift-at-sea-700: #545d5d;
--color-adrift-at-sea-800: #3d4444;
--color-adrift-at-sea-900: #2a2f2f;
--color-adrift-at-sea-950: #171b1b;
}SCSS
$adrift-at-sea: #758181;
$adrift-at-sea-rgb: 117, 129, 129;
$adrift-at-sea-light: mix(#fff, $adrift-at-sea, 20%);
$adrift-at-sea-dark: mix(#000, $adrift-at-sea, 20%);
.element {
color: $adrift-at-sea;
box-shadow: 0 0 0 2px rgba($adrift-at-sea, 0.35);
}