Colore con nome · #6EC2B0
Miami Teal
Miami Teal è #6EC2B0: rgb(110 194 176), hsl(167 41% 60%), oklch(0.756 0.087 178.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Miami Teal color name →
#6EC2B0
oklch(0.756 0.087 178.4)
Conversioni di colore
- HEX
- #6ec2b0
- RGB
- rgb(110 194 176)
- HSL
- hsl(167 41% 60%)
- HWB
- hwb(167 43% 24%)
- OKLCH
- oklch(0.756 0.087 178.4)
- OKLab
- oklab(0.756 -0.087 0.002)
- CIE Lab
- lab(72.74 -30.02 0.68)
- LCH
- lch(72.74 30.02 178.7)
- CMYK
- cmyk(43% 0% 9% 24%)
Tinte · Ombre · Toni
Tinte
- 7EC8B8
- 8ECEBF
- 9CD4C7
- ABDBCF
- B9E1D7
- C7E7DF
- D5EDE7
- E3F3EF
- F1F9F7
Ombre
- 5FA899
- 508F82
- 41776C
- 336056
- 264942
- 19342E
- 0E201C
- 040E0B
- 010201
Toni
- 72BBAB
- 75B5A6
- 77AEA1
- 79A79C
- 7BA198
- 7D9A93
- 7E948E
- 7F8D89
- 808785
Armonie di colore
Complementare +180°
- 6EC2B0
Miami Teal
- DD99AF
≈ Rose Delight
Analogo -30° +30°
- 6EC2B0
Miami Teal
- 89BF91
≈ Country Weekend
- 67BFCD
≈ Skink Blue
Triadico +120° +240°
- 6EC2B0
Miami Teal
- B6A4E0
≈ Enchanted Lavender
- DAA278
≈ Sunswept Sand
Complementare divisa +150° +210°
- 6EC2B0
Miami Teal
- CE9CCB
≈ Girl Power
- E19B91
≈ Strawberry Rose
Tetradico +90° +180° +270°
- 6EC2B0
Miami Teal
- 98AEE8
≈ Blue Skies Today
- DD99AF
≈ Rose Delight
- C6AD6E
≈ Dried Moss
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.09:1 · APCA Lc 41
Ag
AAASu nero
WCAG 10.00:1 · APCA Lc 61
Miglior colore del testo: #000000
WCAG 10.00:1 (AAA) · APCA Lc 61
Contrast pairs
Frammenti di codice
CSS
:root {
--miami-teal: #6ec2b0;
--miami-teal-rgb: 110 194 176;
--miami-teal-oklch: oklch(0.756 0.087 178.4);
}
.element {
color: var(--miami-teal);
background-color: hsl(167 41% 60%);
border-color: oklch(0.756 0.087 178.4);
}Tailwind CSS v4
@theme {
--color-miami-teal: #6ec2b0;
--color-miami-teal-50: #dcfef6;
--color-miami-teal-100: #caf2e9;
--color-miami-teal-200: #ace1d6;
--color-miami-teal-300: #85c6b9;
--color-miami-teal-400: #61af9f;
--color-miami-teal-500: #369987;
--color-miami-teal-600: #308172;
--color-miami-teal-700: #26685b;
--color-miami-teal-800: #1b4c41;
--color-miami-teal-900: #11352d;
--color-miami-teal-950: #03201a;
}SCSS
$miami-teal: #6ec2b0;
$miami-teal-rgb: 110, 194, 176;
$miami-teal-light: mix(#fff, $miami-teal, 20%);
$miami-teal-dark: mix(#000, $miami-teal, 20%);
.element {
color: $miami-teal;
box-shadow: 0 0 0 2px rgba($miami-teal, 0.35);
}