Cor nomeada · #6B8B75
Juniper Oil
Juniper Oil é #6B8B75: rgb(107 139 117), hsl(139 13% 48%), oklch(0.606 0.049 154.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Juniper Oil color name →
#6B8B75
oklch(0.606 0.049 154.7)
Conversões de cor
- HEX
- #6b8b75
- RGB
- rgb(107 139 117)
- HSL
- hsl(139 13% 48%)
- HWB
- hwb(139 42% 45%)
- OKLCH
- oklch(0.606 0.049 154.7)
- OKLab
- oklab(0.606 -0.044 0.021)
- CIE Lab
- lab(54.93 -15.28 7.95)
- LCH
- lch(54.93 17.22 152.5)
- CMYK
- cmyk(23% 0% 16% 45%)
Tons claros · Sombras · Tons
Tons claros
- 799682
- 87A18F
- 96AD9C
- A4B8AA
- B3C4B8
- C2CFC6
- D1DBD4
- E0E7E2
- EFF3F0
Sombras
- 5C7865
- 4E6655
- 3F5446
- 324337
- 253229
- 18231C
- 0D140F
- 040705
- 000101
Tons
- 6D8A76
- 708977
- 728878
- 748779
- 76867B
- 78857C
- 7A837D
- 7C827E
- 7E817F
Harmonias de cor
Complementar +180°
- 6B8B75
Juniper Oil
- 95778E
≈ Muted Berry
Análoga -30° +30°
- 6B8B75
Juniper Oil
- 7B8767
≈ Swedish Clover
- 608C85
≈ Chlorite
Tríade +120° +240°
- 6B8B75
Juniper Oil
- 7980A0
≈ Positively Purple
- 9D786E
≈ Southern Road
Complementar dividida +150° +210°
- 6B8B75
Juniper Oil
- 887B9A
≈ Relic
- 9C767E
≈ Bohemian Jazz
Tétrade +90° +180° +270°
- 6B8B75
Juniper Oil
- 69869E
≈ Lakeville
- 95778E
≈ Muted Berry
- 977C63
≈ Tiger’s Eye
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.76:1 · APCA Lc 65
Ag
AASobre preto
WCAG 5.57:1 · APCA Lc 36
Melhor cor de texto: #000000
WCAG 5.57:1 (AA) · APCA Lc 36
Contrast pairs
Trechos de código
CSS
:root {
--juniper-oil: #6b8b75;
--juniper-oil-rgb: 107 139 117;
--juniper-oil-oklch: oklch(0.606 0.049 154.7);
}
.element {
color: var(--juniper-oil);
background-color: hsl(139 13% 48%);
border-color: oklch(0.606 0.049 154.7);
}Tailwind CSS v4
@theme {
--color-juniper-oil: #6b8b75;
--color-juniper-oil-50: #eafaef;
--color-juniper-oil-100: #dbede1;
--color-juniper-oil-200: #c4dbcc;
--color-juniper-oil-300: #a4bfad;
--color-juniper-oil-400: #88a792;
--color-juniper-oil-500: #6d9078;
--color-juniper-oil-600: #5c7a66;
--color-juniper-oil-700: #4a6251;
--color-juniper-oil-800: #36473a;
--color-juniper-oil-900: #253228;
--color-juniper-oil-950: #131d16;
}SCSS
$juniper-oil: #6b8b75;
$juniper-oil-rgb: 107, 139, 117;
$juniper-oil-light: mix(#fff, $juniper-oil, 20%);
$juniper-oil-dark: mix(#000, $juniper-oil, 20%);
.element {
color: $juniper-oil;
box-shadow: 0 0 0 2px rgba($juniper-oil, 0.35);
}