Couleur nommée la plus proche · #788C47
#788C47
Couleur nommée la plus proche: Pesto di Rucola
#788C47 (rgb(120 140 71), hsl(77 33% 41%), oklch(0.608 0.097 122.6)) est la plus proche de la couleur nommée Pesto di Rucola. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#788C47
oklch(0.608 0.097 122.6)
Conversions de couleur
- HEX
- #788c47
- RGB
- rgb(120 140 71)
- HSL
- hsl(77 33% 41%)
- HWB
- hwb(77 28% 45%)
- OKLCH
- oklch(0.608 0.097 122.6)
- OKLab
- oklab(0.608 -0.052 0.082)
- CIE Lab
- lab(55.44 -16.01 34.03)
- LCH
- lch(55.44 37.61 115.2)
- CMYK
- cmyk(14% 0% 49% 45%)
Teintes · Ombres · Tons
Teintes
- 85975A
- 91A26C
- 9EAE7E
- ACB990
- B9C5A2
- C7D0B4
- D4DCC7
- E2E7D9
- F1F3EC
Ombres
- 67793D
- 576732
- 485528
- 39431F
- 2A3316
- 1D230D
- 101406
- 050702
- 010100
Tons
- 798B4E
- 7A8A54
- 7A895B
- 7B8861
- 7C8666
- 7D856C
- 7D8471
- 7E8376
- 7F817B
Harmonies de couleurs
Complémentaire +180°
- 788C47
Pesto di Rucola
- 8E74B3
≈ Romantic Moment
Analogue -30° +30°
- 788C47
Pesto di Rucola
- 978136
≈ Spruced Up
- 519366
≈ DaVanzo Green
Triadique +120° +240°
- 788C47
Pesto di Rucola
- 4989B8
≈ Blueberry Festival
- B3697D
≈ Crushed Raspberry
Complémentaire divisée +150° +210°
- 788C47
Pesto di Rucola
- 6F7EBD
≈ Persian Jewel
- A56C9C
≈ Violet Femmes
Tétradique +90° +180° +270°
- 788C47
Pesto di Rucola
- 2492A5
≈ Brilliant
- 8E74B3
≈ Romantic Moment
- B56C5D
≈ Cobrizo
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.72:1 · APCA Lc 65
Ag
AASur noir
WCAG 5.64:1 · APCA Lc 37
Meilleure couleur de texte: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
Extraits de code
CSS
:root {
--pesto-di-rucola: #788c47;
--pesto-di-rucola-rgb: 120 140 71;
--pesto-di-rucola-oklch: oklch(0.608 0.097 122.6);
}
.element {
color: var(--pesto-di-rucola);
background-color: hsl(77 33% 41%);
border-color: oklch(0.608 0.097 122.6);
}Tailwind CSS v4
@theme {
--color-pesto-di-rucola: #788c47;
--color-pesto-di-rucola-50: #effbdc;
--color-pesto-di-rucola-100: #e0eecb;
--color-pesto-di-rucola-200: #cbdcaf;
--color-pesto-di-rucola-300: #acc08a;
--color-pesto-di-rucola-400: #94a866;
--color-pesto-di-rucola-500: #7b9043;
--color-pesto-di-rucola-600: #687a3a;
--color-pesto-di-rucola-700: #53622e;
--color-pesto-di-rucola-800: #3e471e;
--color-pesto-di-rucola-900: #2a3114;
--color-pesto-di-rucola-950: #181d06;
}SCSS
$pesto-di-rucola: #788c47;
$pesto-di-rucola-rgb: 120, 140, 71;
$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);
}