Cor nomeada · #3C586B
Indian Teal
Indian Teal é #3C586B: rgb(60 88 107), hsl(204 28% 33%), oklch(0.446 0.046 238.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Indian Teal color name →
#3C586B
oklch(0.446 0.046 238.8)
Conversões de cor
- HEX
- #3c586b
- RGB
- rgb(60 88 107)
- HSL
- hsl(204 28% 33%)
- HWB
- hwb(204 24% 58%)
- OKLCH
- oklch(0.446 0.046 238.8)
- OKLab
- oklab(0.446 -0.024 -0.039)
- CIE Lab
- lab(35.78 -6.64 -14.45)
- LCH
- lch(35.78 15.9 245.3)
- CMYK
- cmyk(44% 18% 0% 58%)
Tons claros · Sombras · Tons
Tons claros
- 4E6779
- 607787
- 738795
- 8697A4
- 99A8B3
- ADB9C2
- C1CAD1
- D5DBE0
- EAEDEF
Sombras
- 334B5C
- 2A3F4E
- 21333F
- 192832
- 111D25
- 0A1218
- 04090D
- 010304
- 000000
Tons
- 435C6D
- 4A606F
- 516472
- 576874
- 5E6C76
- 657078
- 6C747A
- 72787C
- 797C7E
Harmonias de cor
Complementar +180°
- 3C586B
Indian Teal
- 684E3B
≈ Tobacco
Análoga -30° +30°
- 3C586B
Indian Teal
- 345B62
≈ Arctic Nights
- 4A536E
≈ East Bay
Tríade +120° +240°
- 3C586B
Indian Teal
- 6A4A54
≈ Mixed Berry Jam
- 51583B
≈ Blue Black Crayfish
Complementar dividida +150° +210°
- 3C586B
Indian Teal
- 6B4B46
≈ Mayan Red
- 5E5336
≈ Marsh
Tétrade +90° +180° +270°
- 3C586B
Indian Teal
- 634B61
≈ Bunchberry
- 684E3B
≈ Tobacco
- 435B46
≈ Grey Asparagus
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.49:1 · APCA Lc 86
Ag
FailSobre preto
WCAG 2.80:1 · APCA Lc 16
Melhor cor de texto: #FFFFFF
WCAG 7.49:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--indian-teal: #3c586b;
--indian-teal-rgb: 60 88 107;
--indian-teal-oklch: oklch(0.446 0.046 238.8);
}
.element {
color: var(--indian-teal);
background-color: hsl(204 28% 33%);
border-color: oklch(0.446 0.046 238.8);
}Tailwind CSS v4
@theme {
--color-indian-teal: #3c586b;
--color-indian-teal-50: #eaf7ff;
--color-indian-teal-100: #dbeaf6;
--color-indian-teal-200: #c4d7e6;
--color-indian-teal-300: #a3bbcd;
--color-indian-teal-400: #86a3b7;
--color-indian-teal-500: #6a8ba2;
--color-indian-teal-600: #5a7689;
--color-indian-teal-700: #485e6d;
--color-indian-teal-800: #334550;
--color-indian-teal-900: #233038;
--color-indian-teal-950: #121c23;
}SCSS
$indian-teal: #3c586b;
$indian-teal-rgb: 60, 88, 107;
$indian-teal-light: mix(#fff, $indian-teal, 20%);
$indian-teal-dark: mix(#000, $indian-teal, 20%);
.element {
color: $indian-teal;
box-shadow: 0 0 0 2px rgba($indian-teal, 0.35);
}