Cor nomeada · #077A7D
Tobernite
Tobernite é #077A7D: rgb(7 122 125), hsl(182 89% 26%), oklch(0.527 0.088 197.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Tobernite color name →
#077A7D
oklch(0.527 0.088 197.9)
Conversões de cor
- HEX
- #077a7d
- RGB
- rgb(7 122 125)
- HSL
- hsl(182 89% 26%)
- HWB
- hwb(182 3% 51%)
- OKLCH
- oklch(0.527 0.088 197.9)
- OKLab
- oklab(0.527 -0.084 -0.027)
- CIE Lab
- lab(45.96 -28.16 -10.21)
- LCH
- lch(45.96 29.95 199.9)
- CMYK
- cmyk(94% 2% 0% 51%)
Tons claros · Sombras · Tons
Tons claros
- 338789
- 4E9496
- 66A1A2
- 7CAEAF
- 92BBBC
- A8C9C9
- BDD6D6
- D3E4E4
- E9F1F1
Sombras
- 05696C
- 04595B
- 02494B
- 023A3B
- 012B2C
- 001D1E
- 001011
- 000505
- 000101
Tons
- 257B7D
- 357C7E
- 417C7E
- 4C7D7E
- 567E7F
- 5F7E7F
- 687F7F
- 707F7F
- 788080
Harmonias de cor
Complementar +180°
- 077A7D
Tobernite
- 975557
≈ Brown Cerberus
Análoga -30° +30°
- 077A7D
Tobernite
- 2B7B61
≈ Pinehurst
- 257493
≈ Devil Blue
Tríade +120° +240°
- 077A7D
Tobernite
- 805A8C
≈ Purple Mystery
- 876428
≈ Kumera
Complementar dividida +150° +210°
- 077A7D
Tobernite
- 905574
≈ Queen’s Honour
- 945A3C
≈ Coconut
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.13:1 · APCA Lc 75
Ag
FailSobre preto
WCAG 4.08:1 · APCA Lc 27
Melhor cor de texto: #FFFFFF
WCAG 5.13:1 (AA) · APCA Lc 75
Contrast pairs
Trechos de código
CSS
:root {
--tobernite: #077a7d;
--tobernite-rgb: 7 122 125;
--tobernite-oklch: oklch(0.527 0.088 197.9);
}
.element {
color: var(--tobernite);
background-color: hsl(182 89% 26%);
border-color: oklch(0.527 0.088 197.9);
}Tailwind CSS v4
@theme {
--color-tobernite: #077a7d;
--color-tobernite-50: #d9fdff;
--color-tobernite-100: #c7f1f3;
--color-tobernite-200: #a8e0e3;
--color-tobernite-300: #7fc5c9;
--color-tobernite-400: #58afb1;
--color-tobernite-500: #24989b;
--color-tobernite-600: #228083;
--color-tobernite-700: #1c6769;
--color-tobernite-800: #124c4c;
--color-tobernite-900: #0b3535;
--color-tobernite-950: #002020;
}SCSS
$tobernite: #077a7d;
$tobernite-rgb: 7, 122, 125;
$tobernite-light: mix(#fff, $tobernite, 20%);
$tobernite-dark: mix(#000, $tobernite, 20%);
.element {
color: $tobernite;
box-shadow: 0 0 0 2px rgba($tobernite, 0.35);
}