Colore con nome · #2E8689
Thai Teal
Thai Teal è #2E8689: rgb(46 134 137), hsl(182 50% 36%), oklch(0.57 0.082 198.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Thai Teal color name →
#2E8689
oklch(0.57 0.082 198.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 489294
- 5E9EA0
- 73A9AB
- 87B5B7
- 9BC1C2
- AFCECE
- C3DADA
- D7E6E6
- EBF3F3
Ombre
- 277476
- 1F6264
- 185153
- 124042
- 0B3031
- 062122
- 021314
- 010607
- 000101
Toni
- 3B8688
- 468587
- 4F8586
- 578486
- 5F8485
- 668384
- 6D8283
- 748282
- 7A8181
Armonie di colore
Complementare +180°
- 2E8689
Thai Teal
- A26365
≈ Herald of Spring
Analogo -30° +30°
- 2E8689
Thai Teal
- 40876E
≈ Herb Blend
- 3C819D
≈ Dirty Blue
Triadico +120° +240°
- 2E8689
Thai Teal
- 8C6897
≈ Viola Grey
- 92713C
≈ Sconce Gold
Complementare divisa +150° +210°
- 2E8689
Thai Teal
- 9B6380
≈ Batik Pink
- 9F684C
≈ Foxfire Brown
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.29:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.88:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.88:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
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);
}