Colore con nome · #6D9A78
Oxley
Oxley è #6D9A78: rgb(109 154 120), hsl(135 18% 52%), oklch(0.644 0.07 151.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Oxley color name →
#6D9A78
oklch(0.644 0.07 151.6)
Conversioni di colore
- HEX
- #6d9a78
- RGB
- rgb(109 154 120)
- HSL
- hsl(135 18% 52%)
- HWB
- hwb(135 43% 40%)
- OKLCH
- oklch(0.644 0.07 151.6)
- OKLab
- oklab(0.644 -0.062 0.033)
- CIE Lab
- lab(59.62 -21.36 12.81)
- LCH
- lch(59.62 24.91 149)
- CMYK
- cmyk(29% 0% 22% 40%)
Tinte · Ombre · Toni
Tinte
- 7BA485
- 8AAE92
- 98B89F
- A6C2AC
- B5CCBA
- C3D6C7
- D2E0D5
- E1EAE3
- F0F5F1
Ombre
- 5E8567
- 4F7157
- 415E48
- 334B39
- 26392A
- 19271D
- 0D1710
- 040905
- 010101
Toni
- 6F9779
- 72957A
- 74927B
- 76907B
- 788D7C
- 798B7D
- 7B887E
- 7D857F
- 7E837F
Armonie di colore
Complementare +180°
- 6D9A78
Oxley
- A77EA1
≈ Usu Pink
Analogo -30° +30°
- 6D9A78
Oxley
- 869464
≈ Epsom
- 599C90
≈ Treasure Isle
Triadico +120° +240°
- 6D9A78
Oxley
- 7E8BB9
≈ Galactic Gossamer
- B47E73
≈ Heirloom
Complementare divisa +150° +210°
- 6D9A78
Oxley
- 9583B2
≈ Bougainvillaea
- B27B8A
≈ Foxglove
Tetradico +90° +180° +270°
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 {
--oxley: #6d9a78;
--oxley-rgb: 109 154 120;
--oxley-oklch: oklch(0.644 0.07 151.6);
}
.element {
color: var(--oxley);
background-color: hsl(135 18% 52%);
border-color: oklch(0.644 0.07 151.6);
}Tailwind CSS v4
@theme {
--color-oxley: #6d9a78;
--color-oxley-50: #e7fbec;
--color-oxley-100: #d7efdd;
--color-oxley-200: #bedec7;
--color-oxley-300: #9cc2a7;
--color-oxley-400: #80ab8a;
--color-oxley-500: #62946f;
--color-oxley-600: #537d5e;
--color-oxley-700: #43644b;
--color-oxley-800: #314935;
--color-oxley-900: #213324;
--color-oxley-950: #101f13;
}SCSS
$oxley: #6d9a78;
$oxley-rgb: 109, 154, 120;
$oxley-light: mix(#fff, $oxley, 20%);
$oxley-dark: mix(#000, $oxley, 20%);
.element {
color: $oxley;
box-shadow: 0 0 0 2px rgba($oxley, 0.35);
}