Benannte Farbe · #2E8689
Thai Teal
Thai Teal ist #2E8689: rgb(46 134 137), hsl(182 50% 36%), oklch(0.57 0.082 198.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Thai Teal color name →
#2E8689
oklch(0.57 0.082 198.3)
Farbumrechnungen
- HEX
- #2e8689
- RGB
- rgb(46 134 137)
- HSL
- hsl(182 50% 36%)
- HWB
- hwb(182 18% 46%)
- OKLCH
- oklch(0.57 0.082 198.3)
- OKLab
- oklab(0.57 -0.078 -0.026)
- CIE Lab
- lab(50.94 -26.03 -9.74)
- LCH
- lch(50.94 27.79 200.5)
- CMYK
- cmyk(66% 2% 0% 46%)
Tints · Shades · Tones
Tints
- 489294
- 5E9EA0
- 73A9AB
- 87B5B7
- 9BC1C2
- AFCECE
- C3DADA
- D7E6E6
- EBF3F3
Shades
- 277476
- 1F6264
- 185153
- 124042
- 0B3031
- 062122
- 021314
- 010607
- 000101
Tones
- 3B8688
- 468587
- 4F8586
- 578486
- 5F8485
- 668384
- 6D8283
- 748282
- 7A8181
Farbharmonien
Komplementär +180°
- 2E8689
Thai Teal
- A26365
≈ Herald of Spring
Analog -30° +30°
- 2E8689
Thai Teal
- 40876E
≈ Herb Blend
- 3C819D
≈ Dirty Blue
Triadisch +120° +240°
- 2E8689
Thai Teal
- 8C6897
≈ Viola Grey
- 92713C
≈ Sconce Gold
Geteilt komplementär +150° +210°
- 2E8689
Thai Teal
- 9B6380
≈ Batik Pink
- 9F684C
≈ Foxfire Brown
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.29:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.88:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.88:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--thai-teal: #2e8689;
--thai-teal-rgb: 46 134 137;
--thai-teal-oklch: oklch(0.57 0.082 198.3);
}
.element {
color: var(--thai-teal);
background-color: hsl(182 50% 36%);
border-color: oklch(0.57 0.082 198.3);
}Tailwind CSS v4
@theme {
--color-thai-teal: #2e8689;
--color-thai-teal-50: #dbfdfe;
--color-thai-teal-100: #c9f1f3;
--color-thai-teal-200: #acdfe2;
--color-thai-teal-300: #84c4c8;
--color-thai-teal-400: #5fadb0;
--color-thai-teal-500: #33979a;
--color-thai-teal-600: #2d7f82;
--color-thai-teal-700: #246668;
--color-thai-teal-800: #184b4c;
--color-thai-teal-900: #103435;
--color-thai-teal-950: #021f20;
}SCSS
$thai-teal: #2e8689;
$thai-teal-rgb: 46, 134, 137;
$thai-teal-light: mix(#fff, $thai-teal, 20%);
$thai-teal-dark: mix(#000, $thai-teal, 20%);
.element {
color: $thai-teal;
box-shadow: 0 0 0 2px rgba($thai-teal, 0.35);
}