Colore con nome · #6D9A79
Precious Oxley
Precious Oxley è #6D9A79: rgb(109 154 121), hsl(136 18% 52%), oklch(0.644 0.069 152.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Precious Oxley color name →
#6D9A79
oklch(0.644 0.069 152.4)
Conversioni di colore
- HEX
- #6d9a79
- RGB
- rgb(109 154 121)
- HSL
- hsl(136 18% 52%)
- HWB
- hwb(136 43% 40%)
- OKLCH
- oklch(0.644 0.069 152.4)
- OKLab
- oklab(0.644 -0.062 0.032)
- CIE Lab
- lab(59.64 -21.22 12.28)
- LCH
- lch(59.64 24.51 149.9)
- CMYK
- cmyk(29% 0% 21% 40%)
Tinte · Ombre · Toni
Tinte
- 7BA486
- 8AAE93
- 98B8A0
- A6C2AD
- B5CCBA
- C3D6C8
- D2E0D5
- E1EAE3
- F0F5F1
Ombre
- 5E8568
- 4F7158
- 415E48
- 334B39
- 26392B
- 19271D
- 0D1710
- 040905
- 010101
Toni
- 6F977A
- 72957B
- 74927B
- 76907C
- 788D7D
- 7A8B7D
- 7B887E
- 7D857F
- 7E837F
Armonie di colore
Complementare +180°
- 6D9A79
Precious Oxley
- A77EA0
≈ Usu Pink
Analogo -30° +30°
- 6D9A79
Precious Oxley
- 869565
≈ Cactus Valley
- 5A9C91
≈ Treasure Isle
Triadico +120° +240°
- 6D9A79
Precious Oxley
- 7F8BB8
≈ Galactic Gossamer
- B47E73
≈ Heirloom
Complementare divisa +150° +210°
- 6D9A79
Precious Oxley
- 9584B1
≈ Silk Lilac
- B27C8A
≈ Degas Pink
Tetradico +90° +180° +270°
- 6D9A79
Precious Oxley
- 6793B5
≈ Scuba
- A77EA0
≈ Usu Pink
- AC8461
≈ Circus Peanut
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.20:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.54:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.54:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--precious-oxley: #6d9a79;
--precious-oxley-rgb: 109 154 121;
--precious-oxley-oklch: oklch(0.644 0.069 152.4);
}
.element {
color: var(--precious-oxley);
background-color: hsl(136 18% 52%);
border-color: oklch(0.644 0.069 152.4);
}Tailwind CSS v4
@theme {
--color-precious-oxley: #6d9a79;
--color-precious-oxley-50: #e7fbec;
--color-precious-oxley-100: #d7efde;
--color-precious-oxley-200: #bedec7;
--color-precious-oxley-300: #9cc2a8;
--color-precious-oxley-400: #80ab8b;
--color-precious-oxley-500: #629470;
--color-precious-oxley-600: #537d5f;
--color-precious-oxley-700: #42644c;
--color-precious-oxley-800: #314936;
--color-precious-oxley-900: #213325;
--color-precious-oxley-950: #101e13;
}SCSS
$precious-oxley: #6d9a79;
$precious-oxley-rgb: 109, 154, 121;
$precious-oxley-light: mix(#fff, $precious-oxley, 20%);
$precious-oxley-dark: mix(#000, $precious-oxley, 20%);
.element {
color: $precious-oxley;
box-shadow: 0 0 0 2px rgba($precious-oxley, 0.35);
}