Colore con nome · #7F8353
Oregano
Oregano è #7F8353: rgb(127 131 83), hsl(65 22% 42%), oklch(0.595 0.068 112.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Oregano color name →
#7F8353
oklch(0.595 0.068 112.3)
Conversioni di colore
- HEX
- #7f8353
- RGB
- rgb(127 131 83)
- HSL
- hsl(65 22% 42%)
- HWB
- hwb(65 33% 49%)
- OKLCH
- oklch(0.595 0.068 112.3)
- OKLab
- oklab(0.595 -0.026 0.063)
- CIE Lab
- lab(53.51 -7.48 25.45)
- LCH
- lch(53.51 26.52 106.4)
- CMYK
- cmyk(3% 0% 37% 49%)
Tinte · Ombre · Toni
Tinte
- 8B8F64
- 979B74
- A3A785
- B0B396
- BDBFA7
- CACCB8
- D7D9CA
- E4E5DB
- F1F2ED
Ombre
- 6E7147
- 5D603B
- 4C4F30
- 3C3F25
- 2D2F1B
- 1F2011
- 111208
- 060602
- 010100
Toni
- 7F8358
- 7F835D
- 7F8262
- 7F8266
- 7F826B
- 7F816F
- 808173
- 808178
- 80807C
Armonie di colore
Complementare +180°
- 7F8353
Oregano
- 7F77A4
≈ Smashed Grape
Analogo -30° +30°
- 7F8353
Oregano
- 937B4F
≈ Old Ruin
- 678964
≈ Bladerunner
Triadico +120° +240°
- 7F8353
Oregano
- 5386A0
≈ Raging Tide
- 9F6E83
≈ Meadow Flower
Complementare divisa +150° +210°
- 7F8353
Oregano
- 697FA8
≈ Night Thistle
- 927197
≈ Veri Berri
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.98:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.27:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.27:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--oregano: #7f8353;
--oregano-rgb: 127 131 83;
--oregano-oklch: oklch(0.595 0.068 112.3);
}
.element {
color: var(--oregano);
background-color: hsl(65 22% 42%);
border-color: oklch(0.595 0.068 112.3);
}Tailwind CSS v4
@theme {
--color-oregano: #7f8353;
--color-oregano-50: #f4f8e2;
--color-oregano-100: #e7ebd1;
--color-oregano-200: #d3d8b7;
--color-oregano-300: #b6bc94;
--color-oregano-400: #9fa374;
--color-oregano-500: #878b55;
--color-oregano-600: #727649;
--color-oregano-700: #5b5e3a;
--color-oregano-800: #434529;
--color-oregano-900: #2f2f1b;
--color-oregano-950: #1b1c0c;
}SCSS
$oregano: #7f8353;
$oregano-rgb: 127, 131, 83;
$oregano-light: mix(#fff, $oregano, 20%);
$oregano-dark: mix(#000, $oregano, 20%);
.element {
color: $oregano;
box-shadow: 0 0 0 2px rgba($oregano, 0.35);
}