Cor nomeada · #00756A
Hawk Turquoise
Hawk Turquoise é #00756A: rgb(0 117 106), hsl(174 100% 23%), oklch(0.505 0.09 183.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Hawk Turquoise color name →
#00756A
oklch(0.505 0.09 183.6)
Conversões de cor
- HEX
- #00756a
- RGB
- rgb(0 117 106)
- HSL
- hsl(174 100% 23%)
- HWB
- hwb(174 0% 54%)
- OKLCH
- oklch(0.505 0.09 183.6)
- OKLab
- oklab(0.505 -0.09 -0.006)
- CIE Lab
- lab(43.69 -31.22 -2.32)
- LCH
- lch(43.69 31.31 184.2)
- CMYK
- cmyk(100% 0% 9% 54%)
Tons claros · Sombras · Tons
Tons claros
- 308278
- 4B9086
- 639D94
- 79ABA3
- 90B9B2
- A6C6C1
- BCD4D0
- D2E2DF
- E8F1EF
Sombras
- 00655B
- 00554D
- 00463F
- 003731
- 002924
- 001C18
- 000F0D
- 000504
- 000100
Tons
- 21766C
- 32786E
- 3F7971
- 4A7A73
- 547B75
- 5E7C77
- 677D79
- 6F7E7C
- 787F7E
Harmonias de cor
Complementar +180°
- 00756A
Hawk Turquoise
- 8F4E5F
≈ Velour Scar
Análoga -30° +30°
- 00756A
Hawk Turquoise
- 36734C
≈ Parsley Sprig
- 007183
≈ Caribbean Dream
Tríade +120° +240°
- 00756A
Hawk Turquoise
- 70578F
≈ Classic Waltz
- 885828
≈ Precious Copper
Complementar dividida +150° +210°
- 00756A
Hawk Turquoise
- 83507A
≈ Graphic Grape
- 915042
≈ Ruskin Red
Tétrade +90° +180° +270°
- 00756A
Hawk Turquoise
- 546098
≈ Royal Marquis
- 8F4E5F
≈ Velour Scar
- 76631E
≈ Brassy Brass
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.59:1 · APCA Lc 77
Ag
FailSobre preto
WCAG 3.75:1 · APCA Lc 24
Melhor cor de texto: #FFFFFF
WCAG 5.59:1 (AA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--hawk-turquoise: #00756a;
--hawk-turquoise-rgb: 0 117 106;
--hawk-turquoise-oklch: oklch(0.505 0.09 183.6);
}
.element {
color: var(--hawk-turquoise);
background-color: hsl(174 100% 23%);
border-color: oklch(0.505 0.09 183.6);
}Tailwind CSS v4
@theme {
--color-hawk-turquoise: #00756a;
--color-hawk-turquoise-50: #dafef9;
--color-hawk-turquoise-100: #c7f2ec;
--color-hawk-turquoise-200: #a9e1d9;
--color-hawk-turquoise-300: #81c7be;
--color-hawk-turquoise-400: #5bb0a4;
--color-hawk-turquoise-500: #2a998c;
--color-hawk-turquoise-600: #278277;
--color-hawk-turquoise-700: #1f685f;
--color-hawk-turquoise-800: #154c44;
--color-hawk-turquoise-900: #0e352f;
--color-hawk-turquoise-950: #01201c;
}SCSS
$hawk-turquoise: #00756a;
$hawk-turquoise-rgb: 0, 117, 106;
$hawk-turquoise-light: mix(#fff, $hawk-turquoise, 20%);
$hawk-turquoise-dark: mix(#000, $hawk-turquoise, 20%);
.element {
color: $hawk-turquoise;
box-shadow: 0 0 0 2px rgba($hawk-turquoise, 0.35);
}