Benannte Farbe · #73D4C2
Turquoise Twist
Turquoise Twist ist #73D4C2: rgb(115 212 194), hsl(169 53% 64%), oklch(0.805 0.096 180.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Turquoise Twist color name →
#73D4C2
oklch(0.805 0.096 180.3)
Farbumrechnungen
- HEX
- #73d4c2
- RGB
- rgb(115 212 194)
- HSL
- hsl(169 53% 64%)
- HWB
- hwb(169 45% 17%)
- OKLCH
- oklch(0.805 0.096 180.3)
- OKLab
- oklab(0.805 -0.096 0)
- CIE Lab
- lab(78.63 -33.27 -0.44)
- LCH
- lch(78.63 33.27 180.8)
- CMYK
- cmyk(46% 0% 8% 17%)
Tints · Shades · Tones
Tints
- 83D8C8
- 93DDCE
- A1E1D4
- B0E6DA
- BDEAE0
- CBEEE6
- D8F2EC
- E5F7F3
- F2FBF9
Shades
- 63B8A8
- 549D8F
- 458377
- 366960
- 285149
- 1B3A34
- 0F2420
- 05100E
- 010202
Tones
- 76CBBB
- 79C3B4
- 7CBAAE
- 7DB2A7
- 7FA9A0
- 80A19A
- 809993
- 80908D
- 808886
Farbharmonien
Komplementär +180°
- 73D4C2
Turquoise Twist
- F4A5BC
≈ Petal Power
Analog -30° +30°
- 73D4C2
Turquoise Twist
- 92D19F
≈ Fennel
- 6DD0E2
≈ Summer of ’82
Triadisch +120° +240°
- 73D4C2
Turquoise Twist
- C9B2F5
≈ Purple Sand
- EDB17F
≈ Rusty Sand
Geteilt komplementär +150° +210°
- 73D4C2
Turquoise Twist
- E3A9DD
≈ Cosmic Pink
- F7A89A
≈ Duchess Rose
Tetradisch +90° +180° +270°
- 73D4C2
Turquoise Twist
- A7BDFE
≈ Pastel Blue
- F4A5BC
≈ Petal Power
- D7BD75
≈ Morning’s Egg
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.76:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 11.92:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 11.92:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--turquoise-twist: #73d4c2;
--turquoise-twist-rgb: 115 212 194;
--turquoise-twist-oklch: oklch(0.805 0.096 180.3);
}
.element {
color: var(--turquoise-twist);
background-color: hsl(169 53% 64%);
border-color: oklch(0.805 0.096 180.3);
}Tailwind CSS v4
@theme {
--color-turquoise-twist: #73d4c2;
--color-turquoise-twist-50: #d8fff7;
--color-turquoise-twist-100: #c6f3ea;
--color-turquoise-twist-200: #a7e2d7;
--color-turquoise-twist-300: #7dc8bb;
--color-turquoise-twist-400: #56b1a1;
--color-turquoise-twist-500: #1e9b89;
--color-turquoise-twist-600: #1e8374;
--color-turquoise-twist-700: #19695d;
--color-turquoise-twist-800: #114d42;
--color-turquoise-twist-900: #0b362e;
--color-turquoise-twist-950: #00211b;
}SCSS
$turquoise-twist: #73d4c2;
$turquoise-twist-rgb: 115, 212, 194;
$turquoise-twist-light: mix(#fff, $turquoise-twist, 20%);
$turquoise-twist-dark: mix(#000, $turquoise-twist, 20%);
.element {
color: $turquoise-twist;
box-shadow: 0 0 0 2px rgba($turquoise-twist, 0.35);
}