Benannte Farbe · #6B8B8B
Sealegs
Sealegs ist #6B8B8B: rgb(107 139 139), hsl(180 13% 48%), oklch(0.612 0.036 196.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Sealegs color name →
#6B8B8B
oklch(0.612 0.036 196.3)
Farbumrechnungen
- HEX
- #6b8b8b
- RGB
- rgb(107 139 139)
- HSL
- hsl(180 13% 48%)
- HWB
- hwb(180 42% 45%)
- OKLCH
- oklch(0.612 0.036 196.3)
- OKLab
- oklab(0.612 -0.035 -0.01)
- CIE Lab
- lab(55.43 -11.66 -3.89)
- LCH
- lch(55.43 12.29 198.5)
- CMYK
- cmyk(23% 0% 0% 45%)
Tints · Shades · Tones
Tints
- 799696
- 87A1A1
- 96ADAC
- A4B8B8
- B3C4C3
- C2CFCF
- D1DBDB
- E0E7E7
- F0F3F3
Shades
- 5C7878
- 4E6666
- 3F5454
- 324343
- 253232
- 182323
- 0D1414
- 040707
- 000101
Tones
- 6D8A8A
- 708989
- 728888
- 748787
- 768685
- 788484
- 7A8383
- 7C8282
- 7E8181
Farbharmonien
Komplementär +180°
- 6B8B8B
Sealegs
- 997C7C
≈ Twilight Mauve
Analog -30° +30°
- 6B8B8B
Sealegs
- 708B7F
≈ Sea Palm
- 6D8995
≈ Jeans Indigo
Triadisch +120° +240°
- 6B8B8B
Sealegs
- 8D7E93
≈ Grey Dusk
- 91816C
≈ Sofisticata
Geteilt komplementär +150° +210°
- 6B8B8B
Sealegs
- 957C88
≈ Mulberry Wine
- 977E72
≈ Tempered Allspice
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.69:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.69:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.69:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--sealegs: #6b8b8b;
--sealegs-rgb: 107 139 139;
--sealegs-oklch: oklch(0.612 0.036 196.3);
}
.element {
color: var(--sealegs);
background-color: hsl(180 13% 48%);
border-color: oklch(0.612 0.036 196.3);
}Tailwind CSS v4
@theme {
--color-sealegs: #6b8b8b;
--color-sealegs-50: #eaf9f9;
--color-sealegs-100: #dbecec;
--color-sealegs-200: #c3d9da;
--color-sealegs-300: #a3bdbe;
--color-sealegs-400: #86a5a5;
--color-sealegs-500: #6a8e8e;
--color-sealegs-600: #5a7878;
--color-sealegs-700: #486060;
--color-sealegs-800: #344646;
--color-sealegs-900: #233130;
--color-sealegs-950: #121d1d;
}SCSS
$sealegs: #6b8b8b;
$sealegs-rgb: 107, 139, 139;
$sealegs-light: mix(#fff, $sealegs, 20%);
$sealegs-dark: mix(#000, $sealegs, 20%);
.element {
color: $sealegs;
box-shadow: 0 0 0 2px rgba($sealegs, 0.35);
}