Color con nombre más cercano · #74873C
#74873C
Color con nombre más cercano: Pesto di Rucola
#74873C (rgb(116 135 60), hsl(75 38% 38%), oklch(0.591 0.103 121.5)) se parece más al color con nombre Pesto di Rucola. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#74873C
oklch(0.591 0.103 121.5)
Conversiones de color
- HEX
- #74873c
- RGB
- rgb(116 135 60)
- HSL
- hsl(75 38% 38%)
- HWB
- hwb(75 24% 47%)
- OKLCH
- oklch(0.591 0.103 121.5)
- OKLab
- oklab(0.591 -0.054 0.088)
- CIE Lab
- lab(53.52 -16.08 37.22)
- LCH
- lch(53.52 40.55 113.4)
- CMYK
- cmyk(14% 0% 56% 47%)
Tintes · Sombras · Tonos
Tintes
- 819351
- 8E9E64
- 9BAA77
- A9B68A
- B7C29D
- C5CEB1
- D3DAC4
- E2E6D7
- F0F3EB
Sombras
- 647533
- 54632A
- 455121
- 374119
- 293111
- 1B210A
- 0F1304
- 050601
- 010100
Tonos
- 758645
- 76864D
- 778554
- 79855B
- 7A8462
- 7B8368
- 7C836E
- 7D8274
- 7F817A
Armonías de color
Complementario +180°
- 74873C
Pesto di Rucola
- 896EB1
≈ Fairy Wren
Análogo -30° +30°
- 74873C
Pesto di Rucola
- 947B29
≈ Fernweh
- 4A8F5E
≈ Middle Green
Triádico +120° +240°
- 74873C
Pesto di Rucola
- 3D85B5
≈ Curious Blue
- B06279
≈ Apple II Rose
Complementario dividido +150° +210°
- 74873C
Pesto di Rucola
- 6779BB
≈ Ultramarine Blue
- A16699
≈ Mauve Memento
Tetrádico +90° +180° +270°
- 74873C
Pesto di Rucola
- 008DA1
≈ Parrot Flight
- 896EB1
≈ Fairy Wren
- B36557
≈ Chimayo Red
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.98:1 · APCA Lc 67
Ag
AASobre negro
WCAG 5.27:1 · APCA Lc 35
Mejor color de texto: #000000
WCAG 5.27:1 (AA) · APCA Lc 35
Contrast pairs
Fragmentos de código
CSS
:root {
--pesto-di-rucola: #74873c;
--pesto-di-rucola-rgb: 116 135 60;
--pesto-di-rucola-oklch: oklch(0.591 0.103 121.5);
}
.element {
color: var(--pesto-di-rucola);
background-color: hsl(75 38% 38%);
border-color: oklch(0.591 0.103 121.5);
}Tailwind CSS v4
@theme {
--color-pesto-di-rucola: #74873c;
--color-pesto-di-rucola-50: #effbda;
--color-pesto-di-rucola-100: #e1eec9;
--color-pesto-di-rucola-200: #cbdcac;
--color-pesto-di-rucola-300: #adc186;
--color-pesto-di-rucola-400: #95a861;
--color-pesto-di-rucola-500: #7b903c;
--color-pesto-di-rucola-600: #697a34;
--color-pesto-di-rucola-700: #546229;
--color-pesto-di-rucola-800: #3e471b;
--color-pesto-di-rucola-900: #2b3111;
--color-pesto-di-rucola-950: #181d04;
}SCSS
$pesto-di-rucola: #74873c;
$pesto-di-rucola-rgb: 116, 135, 60;
$pesto-di-rucola-light: mix(#fff, $pesto-di-rucola, 20%);
$pesto-di-rucola-dark: mix(#000, $pesto-di-rucola, 20%);
.element {
color: $pesto-di-rucola;
box-shadow: 0 0 0 2px rgba($pesto-di-rucola, 0.35);
}