Cor nomeada · #0A696A
Bath Green
Bath Green é #0A696A: rgb(10 105 106), hsl(181 83% 23%), oklch(0.473 0.078 196). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Bath Green color name →
#0A696A
oklch(0.473 0.078 196)
Conversões de cor
- HEX
- #0a696a
- RGB
- rgb(10 105 106)
- HSL
- hsl(181 83% 23%)
- HWB
- hwb(181 4% 58%)
- OKLCH
- oklch(0.473 0.078 196)
- OKLab
- oklab(0.473 -0.075 -0.022)
- CIE Lab
- lab(39.7 -25.36 -8.17)
- LCH
- lch(39.7 26.64 197.9)
- CMYK
- cmyk(91% 1% 0% 58%)
Tons claros · Sombras · Tons
Tons claros
- 307778
- 4A8686
- 619494
- 77A3A3
- 8EB2B2
- A4C1C1
- BAD0D0
- D1E0DF
- E8EFEF
Sombras
- 075A5B
- 054C4D
- 033E3F
- 023131
- 012424
- 011818
- 000C0D
- 000404
- 000000
Tons
- 226B6C
- 316E6E
- 3E7071
- 497373
- 537575
- 5C7777
- 667A79
- 6F7C7C
- 777E7E
Harmonias de cor
Complementar +180°
- 0A696A
Bath Green
- 82494D
≈ Desert Canyon
Análoga -30° +30°
- 0A696A
Bath Green
- 276A51
≈ Sparkling Emerald
- 1E647D
≈ Georgian Bay
Tríade +120° +240°
- 0A696A
Bath Green
- 6D4E79
≈ Exotic Purple
- 755523
≈ Lizard Brown
Complementar dividida +150° +210°
- 0A696A
Bath Green
- 7B4965
≈ Fig Cluster
- 804D35
≈ Sencha Brown
Tétrade +90° +180° +270°
- 0A696A
Bath Green
- 585586
≈ Mountain Iris
- 82494D
≈ Desert Canyon
- 615E25
≈ Gardener Green
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.47:1 · APCA Lc 82
Ag
FailSobre preto
WCAG 3.24:1 · APCA Lc 20
Melhor cor de texto: #FFFFFF
WCAG 6.47:1 (AA) · APCA Lc 82
Contrast pairs
Trechos de código
CSS
:root {
--bath-green: #0a696a;
--bath-green-rgb: 10 105 106;
--bath-green-oklch: oklch(0.473 0.078 196);
}
.element {
color: var(--bath-green);
background-color: hsl(181 83% 23%);
border-color: oklch(0.473 0.078 196);
}Tailwind CSS v4
@theme {
--color-bath-green: #0a696a;
--color-bath-green-50: #dcfdfd;
--color-bath-green-100: #cbf0f1;
--color-bath-green-200: #aedfe0;
--color-bath-green-300: #87c4c6;
--color-bath-green-400: #63adad;
--color-bath-green-500: #3a9697;
--color-bath-green-600: #337f80;
--color-bath-green-700: #286666;
--color-bath-green-800: #1c4b4a;
--color-bath-green-900: #123433;
--color-bath-green-950: #041f1f;
}SCSS
$bath-green: #0a696a;
$bath-green-rgb: 10, 105, 106;
$bath-green-light: mix(#fff, $bath-green, 20%);
$bath-green-dark: mix(#000, $bath-green, 20%);
.element {
color: $bath-green;
box-shadow: 0 0 0 2px rgba($bath-green, 0.35);
}