Benannte Farbe · #779999
Undertow
Undertow ist #779999: rgb(119 153 153), hsl(180 14% 53%), oklch(0.658 0.038 196.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Undertow color name →
#779999
oklch(0.658 0.038 196.3)
Farbumrechnungen
- HEX
- #779999
- RGB
- rgb(119 153 153)
- HSL
- hsl(180 14% 53%)
- HWB
- hwb(180 47% 40%)
- OKLCH
- oklch(0.658 0.038 196.3)
- OKLab
- oklab(0.658 -0.036 -0.011)
- CIE Lab
- lab(60.67 -12.2 -4.08)
- LCH
- lch(60.67 12.86 198.5)
- CMYK
- cmyk(22% 0% 0% 40%)
Tints · Shades · Tones
Tints
- 84A3A3
- 91ADAD
- 9FB7B7
- ACC1C1
- BACBCB
- C7D5D5
- D5E0DF
- E3EAEA
- F1F4F4
Shades
- 678484
- 577070
- 475D5D
- 384A4A
- 2A3838
- 1C2727
- 101717
- 050808
- 010101
Tones
- 789796
- 799494
- 7A9291
- 7B8F8F
- 7C8D8C
- 7D8A8A
- 7E8887
- 7F8585
- 7F8382
Farbharmonien
Komplementär +180°
- 779999
Undertow
- A78989
≈ Tin Pink
Analog -30° +30°
- 779999
Undertow
- 7C998C
≈ Azores
- 7A97A3
≈ Kingfisher Grey
Triadisch +120° +240°
- 779999
Undertow
- 9B8BA1
≈ Berry Cream
- 9F8F78
≈ Cottage Walk
Geteilt komplementär +150° +210°
- 779999
Undertow
- A38996
≈ Art Nouveau Violet
- A68B7E
≈ Fudgecicle
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.08:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.80:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.80:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--undertow: #779999;
--undertow-rgb: 119 153 153;
--undertow-oklch: oklch(0.658 0.038 196.3);
}
.element {
color: var(--undertow);
background-color: hsl(180 14% 53%);
border-color: oklch(0.658 0.038 196.3);
}Tailwind CSS v4
@theme {
--color-undertow: #779999;
--color-undertow-50: #e9f9f9;
--color-undertow-100: #daecec;
--color-undertow-200: #c3dada;
--color-undertow-300: #a2bebe;
--color-undertow-400: #85a6a6;
--color-undertow-500: #698e8e;
--color-undertow-600: #597878;
--color-undertow-700: #476060;
--color-undertow-800: #334746;
--color-undertow-900: #233131;
--color-undertow-950: #121d1d;
}SCSS
$undertow: #779999;
$undertow-rgb: 119, 153, 153;
$undertow-light: mix(#fff, $undertow, 20%);
$undertow-dark: mix(#000, $undertow, 20%);
.element {
color: $undertow;
box-shadow: 0 0 0 2px rgba($undertow, 0.35);
}