Colore con nome · #6B8B75
Juniper Oil
Juniper Oil è #6B8B75: rgb(107 139 117), hsl(139 13% 48%), oklch(0.606 0.049 154.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Juniper Oil color name →
#6B8B75
oklch(0.606 0.049 154.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 799682
- 87A18F
- 96AD9C
- A4B8AA
- B3C4B8
- C2CFC6
- D1DBD4
- E0E7E2
- EFF3F0
Ombre
- 5C7865
- 4E6655
- 3F5446
- 324337
- 253229
- 18231C
- 0D140F
- 040705
- 000101
Toni
- 6D8A76
- 708977
- 728878
- 748779
- 76867B
- 78857C
- 7A837D
- 7C827E
- 7E817F
Armonie di colore
Complementare +180°
- 6B8B75
Juniper Oil
- 95778E
≈ Muted Berry
Analogo -30° +30°
- 6B8B75
Juniper Oil
- 7B8767
≈ Swedish Clover
- 608C85
≈ Chlorite
Triadico +120° +240°
- 6B8B75
Juniper Oil
- 7980A0
≈ Positively Purple
- 9D786E
≈ Southern Road
Complementare divisa +150° +210°
- 6B8B75
Juniper Oil
- 887B9A
≈ Relic
- 9C767E
≈ Bohemian Jazz
Tetradico +90° +180° +270°
- 6B8B75
Juniper Oil
- 69869E
≈ Lakeville
- 95778E
≈ Muted Berry
- 977C63
≈ Tiger’s Eye
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.76:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.57:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.57:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
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);
}