Color con nombre · #00A990
Shindig
Shindig es #00A990: rgb(0 169 144), hsl(171 100% 33%), oklch(0.657 0.122 177.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Teal mean? → · Shindig color name →
#00A990
oklch(0.657 0.122 177.1)
Conversiones de color
- HEX
- #00a990
- RGB
- rgb(0 169 144)
- HSL
- hsl(171 100% 33%)
- HWB
- hwb(171 0% 34%)
- OKLCH
- oklch(0.657 0.122 177.1)
- OKLab
- oklab(0.657 -0.122 0.006)
- CIE Lab
- lab(61.77 -42.88 2)
- LCH
- lch(61.77 42.93 177.3)
- CMYK
- cmyk(100% 0% 15% 34%)
Tintes · Sombras · Tonos
Tintes
- 3CB29B
- 59BAA5
- 72C3B0
- 88CCBB
- 9DD4C6
- B1DDD1
- C5E5DD
- D8EEE8
- ECF7F3
Sombras
- 00927D
- 007C6A
- 006757
- 005345
- 003F34
- 002C24
- 001B15
- 000A07
- 000101
Tonos
- 2BA58E
- 3EA18D
- 4B9D8B
- 56998A
- 5F9588
- 679186
- 6E8D85
- 758983
- 7B8482
Armonías de color
Complementario +180°
- 00A990
Shindig
- CB7092
≈ Rhine Wine
Análogo -30° +30°
- 00A990
Shindig
- 5AA564
≈ Endo
- 00A4B4
≈ Garish Blue
Triádico +120° +240°
- 00A990
Shindig
- 9A80D2
≈ Indigo Bloom
- C97C3F
≈ Turmeric Red
Complementario dividido +150° +210°
- 00A990
Shindig
- B875B8
≈ Colombo Red Mauve
- D17268
≈ Abbey Pink
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.96:1 · APCA Lc 56
Ag
AAASobre negro
WCAG 7.07:1 · APCA Lc 46
Mejor color de texto: #000000
WCAG 7.07:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmentos de código
CSS
:root {
--shindig: #00a990;
--shindig-rgb: 0 169 144;
--shindig-oklch: oklch(0.657 0.122 177.1);
}
.element {
color: var(--shindig);
background-color: hsl(171 100% 33%);
border-color: oklch(0.657 0.122 177.1);
}Tailwind CSS v4
@theme {
--color-shindig: #00a990;
--color-shindig-50: #d1fff6;
--color-shindig-100: #bcf6e9;
--color-shindig-200: #9ae6d5;
--color-shindig-300: #6accb9;
--color-shindig-400: #35b69d;
--color-shindig-500: #009f85;
--color-shindig-600: #008770;
--color-shindig-700: #006c5a;
--color-shindig-800: #005040;
--color-shindig-900: #00372c;
--color-shindig-950: #002219;
}SCSS
$shindig: #00a990;
$shindig-rgb: 0, 169, 144;
$shindig-light: mix(#fff, $shindig, 20%);
$shindig-dark: mix(#000, $shindig, 20%);
.element {
color: $shindig;
box-shadow: 0 0 0 2px rgba($shindig, 0.35);
}