Benannte Farbe · #639B95
Soft Touch
Soft Touch ist #639B95: rgb(99 155 149), hsl(174 22% 50%), oklch(0.649 0.06 187.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Soft Touch color name →
#639B95
oklch(0.649 0.06 187.3)
Farbumrechnungen
- HEX
- #639b95
- RGB
- rgb(99 155 149)
- HSL
- hsl(174 22% 50%)
- HWB
- hwb(174 39% 39%)
- OKLCH
- oklch(0.649 0.06 187.3)
- OKLab
- oklab(0.649 -0.059 -0.008)
- CIE Lab
- lab(59.98 -20.28 -3.01)
- LCH
- lch(59.98 20.5 188.4)
- CMYK
- cmyk(36% 0% 4% 39%)
Tints · Shades · Tones
Tints
- 73A59F
- 82AEA9
- 92B8B4
- A1C2BE
- B1CCC9
- C0D6D3
- D0E0DE
- DFEAE9
- EFF5F4
Shades
- 558681
- 47726D
- 3A5E5A
- 2E4B48
- 213937
- 162826
- 0B1816
- 030908
- 000101
Tones
- 679893
- 6A9691
- 6E938F
- 71908D
- 748E8A
- 768B88
- 798886
- 7B8584
- 7E8382
Farbharmonien
Komplementär +180°
- 639B95
Soft Touch
- AF8088
≈ Audrey’s Blush
Analog -30° +30°
- 639B95
Soft Touch
- 709A81
≈ Douglas Fir Green
- 6498A7
≈ Pyjama Blue
Triadisch +120° +240°
- 639B95
Soft Touch
- 9886AC
≈ Celeb City
- A88868
≈ Caramel Sundae
Geteilt komplementär +150° +210°
- 639B95
Soft Touch
- A7819C
≈ Amazonian Orchid
- B08375
≈ Dusty Duchess
Tetradisch +90° +180° +270°
- 639B95
Soft Touch
- 858CB4
≈ Skysail Blue
- AF8088
≈ Audrey’s Blush
- 998F65
≈ Tate Olive
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.15:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.65:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.65:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--soft-touch: #639b95;
--soft-touch-rgb: 99 155 149;
--soft-touch-oklch: oklch(0.649 0.06 187.3);
}
.element {
color: var(--soft-touch);
background-color: hsl(174 22% 50%);
border-color: oklch(0.649 0.06 187.3);
}Tailwind CSS v4
@theme {
--color-soft-touch: #639b95;
--color-soft-touch-50: #e3fbf9;
--color-soft-touch-100: #d2efec;
--color-soft-touch-200: #b8ddd9;
--color-soft-touch-300: #95c2be;
--color-soft-touch-400: #75aaa4;
--color-soft-touch-500: #55938d;
--color-soft-touch-600: #487d77;
--color-soft-touch-700: #3a645f;
--color-soft-touch-800: #294945;
--color-soft-touch-900: #1c3330;
--color-soft-touch-950: #0c1e1c;
}SCSS
$soft-touch: #639b95;
$soft-touch-rgb: 99, 155, 149;
$soft-touch-light: mix(#fff, $soft-touch, 20%);
$soft-touch-dark: mix(#000, $soft-touch, 20%);
.element {
color: $soft-touch;
box-shadow: 0 0 0 2px rgba($soft-touch, 0.35);
}