Cor nomeada · #679267
Russian Green
Russian Green é #679267: rgb(103 146 103), hsl(120 17% 49%), oklch(0.617 0.079 144.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Russian Green color name →
#679267
oklch(0.617 0.079 144.5)
Conversões de cor
- HEX
- #679267
- RGB
- rgb(103 146 103)
- HSL
- hsl(120 17% 49%)
- HWB
- hwb(120 40% 43%)
- OKLCH
- oklch(0.617 0.079 144.5)
- OKLab
- oklab(0.617 -0.065 0.046)
- CIE Lab
- lab(56.53 -22.07 17.97)
- LCH
- lch(56.53 28.46 140.8)
- CMYK
- cmyk(29% 0% 29% 43%)
Tons claros · Sombras · Tons
Tons claros
- 769D75
- 84A784
- 93B293
- A2BDA2
- B1C8B1
- C1D3C0
- D0DED0
- E0E9DF
- EFF4EF
Sombras
- 597E59
- 4B6B4B
- 3D583D
- 304630
- 233523
- 172517
- 0C160C
- 040804
- 000100
Tons
- 6A906A
- 6D8F6C
- 6F8D6F
- 728B72
- 748974
- 778777
- 798679
- 7C847B
- 7E827E
Harmonias de cor
Complementar +180°
- 679267
Russian Green
- 9D75A0
≈ Long Forgotten Purple
Análoga -30° +30°
- 679267
Russian Green
- 848B52
≈ Special Ops
- 4C9582
≈ Crisp Lettuce
Tríade +120° +240°
- 679267
Russian Green
- 6D85B6
≈ Kimono
- B0726D
≈ Red Gerbera
Complementar dividida +150° +210°
- 679267
Russian Green
- 887CB0
≈ Murex
- AB7188
≈ Mauve Orchid
Tétrade +90° +180° +270°
- 679267
Russian Green
- 528DAE
≈ Cosmopolitan
- 9D75A0
≈ Long Forgotten Purple
- AB7856
≈ New England Roast
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.56:1 · APCA Lc 63
Ag
AASobre preto
WCAG 5.88:1 · APCA Lc 38
Melhor cor de texto: #000000
WCAG 5.88:1 (AA) · APCA Lc 38
Contrast pairs
Trechos de código
CSS
:root {
--russian-green: #679267;
--russian-green-rgb: 103 146 103;
--russian-green-oklch: oklch(0.617 0.079 144.5);
}
.element {
color: var(--russian-green);
background-color: hsl(120 17% 49%);
border-color: oklch(0.617 0.079 144.5);
}Tailwind CSS v4
@theme {
--color-russian-green: #679267;
--color-russian-green-50: #e7fce8;
--color-russian-green-100: #d8f0d9;
--color-russian-green-200: #bfdec1;
--color-russian-green-300: #9ec3a0;
--color-russian-green-400: #82ab81;
--color-russian-green-500: #649465;
--color-russian-green-600: #557d56;
--color-russian-green-700: #446444;
--color-russian-green-800: #324930;
--color-russian-green-900: #223320;
--color-russian-green-950: #111f10;
}SCSS
$russian-green: #679267;
$russian-green-rgb: 103, 146, 103;
$russian-green-light: mix(#fff, $russian-green, 20%);
$russian-green-dark: mix(#000, $russian-green, 20%);
.element {
color: $russian-green;
box-shadow: 0 0 0 2px rgba($russian-green, 0.35);
}