Benannte Farbe · #06C2AC
Turquoise
Turquoise ist #06C2AC: rgb(6 194 172), hsl(173 94% 39%), oklch(0.73 0.131 180.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Turquoise color name →
#06C2AC
oklch(0.73 0.131 180.8)
Farbumrechnungen
- HEX
- #06c2ac
- RGB
- rgb(6 194 172)
- HSL
- hsl(173 94% 39%)
- HWB
- hwb(173 2% 24%)
- OKLCH
- oklch(0.73 0.131 180.8)
- OKLab
- oklab(0.73 -0.131 -0.002)
- CIE Lab
- lab(70.33 -45.96 -1)
- LCH
- lch(70.33 45.98 181.2)
- CMYK
- cmyk(97% 0% 11% 24%)
Tints · Shades · Tones
Tints
- 43C8B4
- 61CFBC
- 79D5C4
- 8FDBCC
- A3E1D5
- B6E7DD
- C9EDE5
- DBF3EE
- EDF9F6
Shades
- 04A895
- 038F7F
- 027769
- 016054
- 014940
- 00342D
- 00201B
- 000E0B
- 000201
Tones
- 31BBA7
- 44B5A3
- 52AE9F
- 5CA89A
- 65A196
- 6C9B91
- 72948D
- 778D89
- 7C8784
Farbharmonien
Komplementär +180°
- 06C2AC
Turquoise
- EA83A3
≈ Aurora Pink
Analog -30° +30°
- 06C2AC
Turquoise
- 63BF7C
≈ Verdigris Coloured
- 00BCD4
≈ Holiday Blue
Triadisch +120° +240°
- 06C2AC
Turquoise
- B693ED
≈ Dreamy Candy Forest
- E39349
≈ Yellow Sumac
Geteilt komplementär +150° +210°
- 06C2AC
Turquoise
- D688CE
≈ Pink Punk
- EF8674
≈ Coralette
Tetradisch +90° +180° +270°
- 06C2AC
Turquoise
- 89A2FA
≈ Periwinkle Blue
- EA83A3
≈ Aurora Pink
- C7A434
≈ Aru Ressha
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.25:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.32:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.32:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--turquoise: #06c2ac;
--turquoise-rgb: 6 194 172;
--turquoise-oklch: oklch(0.73 0.131 180.8);
}
.element {
color: var(--turquoise);
background-color: hsl(173 94% 39%);
border-color: oklch(0.73 0.131 180.8);
}Tailwind CSS v4
@theme {
--color-turquoise: #06c2ac;
--color-turquoise-50: #ccfff8;
--color-turquoise-100: #b7f7ec;
--color-turquoise-200: #92e7d9;
--color-turquoise-300: #5ecdbd;
--color-turquoise-400: #0eb7a2;
--color-turquoise-500: #00a18b;
--color-turquoise-600: #008875;
--color-turquoise-700: #006d5e;
--color-turquoise-800: #005043;
--color-turquoise-900: #00382e;
--color-turquoise-950: #00221b;
}SCSS
$turquoise: #06c2ac;
$turquoise-rgb: 6, 194, 172;
$turquoise-light: mix(#fff, $turquoise, 20%);
$turquoise-dark: mix(#000, $turquoise, 20%);
.element {
color: $turquoise;
box-shadow: 0 0 0 2px rgba($turquoise, 0.35);
}