Cor nomeada · #006E4E
Natural Watercourse
Natural Watercourse é #006E4E: rgb(0 110 78), hsl(163 100% 22%), oklch(0.477 0.101 164.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Natural Watercourse color name →
#006E4E
oklch(0.477 0.101 164.8)
Conversões de cor
- HEX
- #006e4e
- RGB
- rgb(0 110 78)
- HSL
- hsl(163 100% 22%)
- HWB
- hwb(163 0% 57%)
- OKLCH
- oklch(0.477 0.101 164.8)
- OKLab
- oklab(0.477 -0.097 0.026)
- CIE Lab
- lab(40.64 -34.61 9.96)
- LCH
- lch(40.64 36.01 163.9)
- CMYK
- cmyk(100% 0% 29% 57%)
Tons claros · Sombras · Tons
Tons claros
- 2D7C5E
- 488A6F
- 60987F
- 77A691
- 8DB5A2
- A4C3B4
- BAD2C6
- D1E1D9
- E8F0EC
Sombras
- 005F43
- 005038
- 00412D
- 003323
- 002619
- 00190F
- 000E07
- 000402
- 000100
Tons
- 1F7053
- 2F7258
- 3C745D
- 487662
- 527867
- 5C7A6C
- 657B71
- 6E7D76
- 777E7B
Harmonias de cor
Complementar +180°
- 006E4E
Natural Watercourse
- 84436A
≈ Club Mauve
Análoga -30° +30°
- 006E4E
Natural Watercourse
- 43692B
≈ Tree Shade
- 006B6B
≈ Mayan Blue
Tríade +120° +240°
- 006E4E
Natural Watercourse
- 575393
≈ Purple Corallite
- 8A4829
≈ Gingerbread
Complementar dividida +150° +210°
- 006E4E
Natural Watercourse
- 724A84
≈ Lilac Violet
- 8C424A
≈ Silk Satin
Tétrade +90° +180° +270°
- 006E4E
Natural Watercourse
- 325E94
≈ Running Water
- 84436A
≈ Club Mauve
- 7D5300
≈ Intense Brown
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.28:1 · APCA Lc 81
Ag
FailSobre preto
WCAG 3.34:1 · APCA Lc 21
Melhor cor de texto: #FFFFFF
WCAG 6.28:1 (AA) · APCA Lc 81
Contrast pairs
Trechos de código
CSS
:root {
--natural-watercourse: #006e4e;
--natural-watercourse-rgb: 0 110 78;
--natural-watercourse-oklch: oklch(0.477 0.101 164.8);
}
.element {
color: var(--natural-watercourse);
background-color: hsl(163 100% 22%);
border-color: oklch(0.477 0.101 164.8);
}Tailwind CSS v4
@theme {
--color-natural-watercourse: #006e4e;
--color-natural-watercourse-50: #dbffef;
--color-natural-watercourse-100: #c9f3e1;
--color-natural-watercourse-200: #abe3cb;
--color-natural-watercourse-300: #84c8ac;
--color-natural-watercourse-400: #60b18f;
--color-natural-watercourse-500: #359b75;
--color-natural-watercourse-600: #2f8363;
--color-natural-watercourse-700: #25694f;
--color-natural-watercourse-800: #1b4d38;
--color-natural-watercourse-900: #123626;
--color-natural-watercourse-950: #032115;
}SCSS
$natural-watercourse: #006e4e;
$natural-watercourse-rgb: 0, 110, 78;
$natural-watercourse-light: mix(#fff, $natural-watercourse, 20%);
$natural-watercourse-dark: mix(#000, $natural-watercourse, 20%);
.element {
color: $natural-watercourse;
box-shadow: 0 0 0 2px rgba($natural-watercourse, 0.35);
}