Cor nomeada · #005E59
Tidal Pool
Tidal Pool é #005E59: rgb(0 94 89), hsl(177 100% 18%), oklch(0.434 0.075 188.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Tidal Pool color name →
#005E59
oklch(0.434 0.075 188.5)
Conversões de cor
- HEX
- #005e59
- RGB
- rgb(0 94 89)
- HSL
- hsl(177 100% 18%)
- HWB
- hwb(177 0% 63%)
- OKLCH
- oklch(0.434 0.075 188.5)
- OKLab
- oklab(0.434 -0.075 -0.011)
- CIE Lab
- lab(35.26 -25.72 -4.33)
- LCH
- lch(35.26 26.09 189.6)
- CMYK
- cmyk(100% 0% 5% 63%)
Tons claros · Sombras · Tons
Tons claros
- 2A6D68
- 447C78
- 5C8C87
- 739C98
- 8AACA8
- A1BCB9
- B8CCCA
- CFDDDB
- E7EEED
Sombras
- 00514C
- 004440
- 003734
- 002B28
- 001F1D
- 001413
- 000A09
- 000303
- 000000
Tons
- 1C625D
- 2C6561
- 396964
- 446C68
- 4F6F6C
- 597370
- 637674
- 6D7978
- 777D7C
Harmonias de cor
Complementar +180°
- 005E59
Tidal Pool
- 743E49
≈ Vintage Merlot
Análoga -30° +30°
- 005E59
Tidal Pool
- 265D41
≈ Greenbriar
- 095A6D
≈ Brave New Teal
Tríade +120° +240°
- 005E59
Tidal Pool
- 5D4571
≈ Blue Tulip
- 6C491E
≈ Antique Brass
Complementar dividida +150° +210°
- 005E59
Tidal Pool
- 6C405F
≈ Royal Lines
- 744131
≈ Lava Core
Tétrade +90° +180° +270°
- 005E59
Tidal Pool
- 484C7A
≈ Skipper Blue
- 743E49
≈ Vintage Merlot
- 5C5119
≈ Private Green
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.64:1 · APCA Lc 86
Ag
FailSobre preto
WCAG 2.74:1 · APCA Lc 16
Melhor cor de texto: #FFFFFF
WCAG 7.64:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--tidal-pool: #005e59;
--tidal-pool-rgb: 0 94 89;
--tidal-pool-oklch: oklch(0.434 0.075 188.5);
}
.element {
color: var(--tidal-pool);
background-color: hsl(177 100% 18%);
border-color: oklch(0.434 0.075 188.5);
}Tailwind CSS v4
@theme {
--color-tidal-pool: #005e59;
--color-tidal-pool-50: #defdfa;
--color-tidal-pool-100: #ccf0ee;
--color-tidal-pool-200: #b0dfdc;
--color-tidal-pool-300: #8ac4c0;
--color-tidal-pool-400: #67ada7;
--color-tidal-pool-500: #419690;
--color-tidal-pool-600: #387f7a;
--color-tidal-pool-700: #2d6661;
--color-tidal-pool-800: #1f4b46;
--color-tidal-pool-900: #153431;
--color-tidal-pool-950: #061f1d;
}SCSS
$tidal-pool: #005e59;
$tidal-pool-rgb: 0, 94, 89;
$tidal-pool-light: mix(#fff, $tidal-pool, 20%);
$tidal-pool-dark: mix(#000, $tidal-pool, 20%);
.element {
color: $tidal-pool;
box-shadow: 0 0 0 2px rgba($tidal-pool, 0.35);
}