Color con nombre · #008A70
Industrial Turquoise
Industrial Turquoise es #008A70: rgb(0 138 112), hsl(169 100% 27%), oklch(0.565 0.108 173.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Teal mean? → · Industrial Turquoise color name →
#008A70
oklch(0.565 0.108 173.2)
Conversiones de color
- HEX
- #008a70
- RGB
- rgb(0 138 112)
- HSL
- hsl(169 100% 27%)
- HWB
- hwb(169 0% 46%)
- OKLCH
- oklch(0.565 0.108 173.2)
- OKLab
- oklab(0.565 -0.107 0.013)
- CIE Lab
- lab(50.92 -38.09 4.56)
- LCH
- lch(50.92 38.36 173.2)
- CMYK
- cmyk(100% 0% 19% 46%)
Tintes · Sombras · Tonos
Tintes
- 35967D
- 51A18B
- 69AD99
- 7FB8A7
- 95C4B5
- AAD0C3
- BFDBD2
- D5E7E1
- EAF3F0
Sombras
- 007760
- 006551
- 005343
- 004235
- 003227
- 00221A
- 00140E
- 000704
- 000101
Tonos
- 258972
- 368873
- 448875
- 4F8776
- 598678
- 62857A
- 6A847B
- 72837D
- 79817E
Armonías de color
Complementario +180°
- 008A70
Industrial Turquoise
- A6597B
≈ Indian Pink
Análogo -30° +30°
- 008A70
Industrial Turquoise
- 4C864A
≈ Beanpole
- 00868F
≈ Ocean Soul
Triádico +120° +240°
- 008A70
Industrial Turquoise
- 7969AF
≈ Clear Mauve
- A76233
≈ Clove Dye
Complementario dividido +150° +210°
- 008A70
Industrial Turquoise
- 945F9A
≈ Aster Violetta
- AC5A57
≈ Tuscan Clay
Tetrádico +90° +180° +270°
- 008A70
Industrial Turquoise
- 5474B5
≈ Prefect
- A6597B
≈ Indian Pink
- 946F17
≈ Honey Yellow Green
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.31:1 · APCA Lc 69
Ag
AASobre negro
WCAG 4.86:1 · APCA Lc 32
Mejor color de texto: #000000
WCAG 4.86:1 (AA) · APCA Lc 32
Contrast pairs
Fragmentos de código
CSS
:root {
--industrial-turquoise: #008a70;
--industrial-turquoise-rgb: 0 138 112;
--industrial-turquoise-oklch: oklch(0.565 0.108 173.2);
}
.element {
color: var(--industrial-turquoise);
background-color: hsl(169 100% 27%);
border-color: oklch(0.565 0.108 173.2);
}Tailwind CSS v4
@theme {
--color-industrial-turquoise: #008a70;
--color-industrial-turquoise-50: #d6fff3;
--color-industrial-turquoise-100: #c3f4e6;
--color-industrial-turquoise-200: #a3e4d2;
--color-industrial-turquoise-300: #78cab4;
--color-industrial-turquoise-400: #4eb399;
--color-industrial-turquoise-500: #009d80;
--color-industrial-turquoise-600: #0d856c;
--color-industrial-turquoise-700: #0c6a56;
--color-industrial-turquoise-800: #094e3d;
--color-industrial-turquoise-900: #07362a;
--color-industrial-turquoise-950: #002118;
}SCSS
$industrial-turquoise: #008a70;
$industrial-turquoise-rgb: 0, 138, 112;
$industrial-turquoise-light: mix(#fff, $industrial-turquoise, 20%);
$industrial-turquoise-dark: mix(#000, $industrial-turquoise, 20%);
.element {
color: $industrial-turquoise;
box-shadow: 0 0 0 2px rgba($industrial-turquoise, 0.35);
}