Benannte Farbe · #6AB5A4
Tropic Turquoise
Tropic Turquoise ist #6AB5A4: rgb(106 181 164), hsl(166 34% 56%), oklch(0.719 0.079 177.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Tropic Turquoise color name →
#6AB5A4
oklch(0.719 0.079 177.7)
Farbumrechnungen
- HEX
- #6ab5a4
- RGB
- rgb(106 181 164)
- HSL
- hsl(166 34% 56%)
- HWB
- hwb(166 42% 29%)
- OKLCH
- oklch(0.719 0.079 177.7)
- OKLab
- oklab(0.719 -0.079 0.003)
- CIE Lab
- lab(68.45 -27.5 0.98)
- LCH
- lch(68.45 27.52 178)
- CMYK
- cmyk(41% 0% 9% 29%)
Tints · Shades · Tones
Tints
- 7ABCAD
- 8AC4B6
- 99CBBF
- A8D3C8
- B6DAD1
- C5E1DA
- D3E9E3
- E2F0EC
- F0F8F6
Shades
- 5B9D8E
- 4D8679
- 3F6F64
- 315950
- 24443D
- 18302B
- 0D1D1A
- 040C0A
- 000201
Tones
- 6EB0A0
- 71AA9D
- 74A599
- 76A095
- 799A92
- 7A958E
- 7C908B
- 7E8B87
- 7F8584
Farbharmonien
Komplementär +180°
- 6AB5A4
Tropic Turquoise
- CE90A4
≈ Kiss
Analog -30° +30°
- 6AB5A4
Tropic Turquoise
- 83B288
≈ Peapod
- 64B3BE
≈ Sea Serenade
Triadisch +120° +240°
- 6AB5A4
Tropic Turquoise
- AA9AD0
≈ Biloba Flower
- CB9873
≈ Sweet Almond
Geteilt komplementär +150° +210°
- 6AB5A4
Tropic Turquoise
- C093BE
≈ La la Love
- D29289
≈ Peach Preserve
Tetradisch +90° +180° +270°
- 6AB5A4
Tropic Turquoise
- 8FA3D7
≈ Azureno
- CE90A4
≈ Kiss
- B9A269
≈ Horn of Plenty
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.39:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.75:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.75:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--tropic-turquoise: #6ab5a4;
--tropic-turquoise-rgb: 106 181 164;
--tropic-turquoise-oklch: oklch(0.719 0.079 177.7);
}
.element {
color: var(--tropic-turquoise);
background-color: hsl(166 34% 56%);
border-color: oklch(0.719 0.079 177.7);
}Tailwind CSS v4
@theme {
--color-tropic-turquoise: #6ab5a4;
--color-tropic-turquoise-50: #defdf6;
--color-tropic-turquoise-100: #ccf1e9;
--color-tropic-turquoise-200: #b0e0d5;
--color-tropic-turquoise-300: #8ac5b9;
--color-tropic-turquoise-400: #68ae9e;
--color-tropic-turquoise-500: #429786;
--color-tropic-turquoise-600: #398071;
--color-tropic-turquoise-700: #2d675b;
--color-tropic-turquoise-800: #204b41;
--color-tropic-turquoise-900: #15342d;
--color-tropic-turquoise-950: #06201a;
}SCSS
$tropic-turquoise: #6ab5a4;
$tropic-turquoise-rgb: 106, 181, 164;
$tropic-turquoise-light: mix(#fff, $tropic-turquoise, 20%);
$tropic-turquoise-dark: mix(#000, $tropic-turquoise, 20%);
.element {
color: $tropic-turquoise;
box-shadow: 0 0 0 2px rgba($tropic-turquoise, 0.35);
}