Couleur nommée · #9C9463
Green Lentils
Green Lentils correspond à #9C9463 : rgb(156 148 99), hsl(52 22% 50%), oklch(0.661 0.068 100.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Green Lentils color name →
#9C9463
oklch(0.661 0.068 100.1)
Conversions de couleur
- HEX
- #9c9463
- RGB
- rgb(156 148 99)
- HSL
- hsl(52 22% 50%)
- HWB
- hwb(52 39% 39%)
- OKLCH
- oklch(0.661 0.068 100.1)
- OKLab
- oklab(0.661 -0.012 0.067)
- CIE Lab
- lab(61.12 -2.54 27.07)
- LCH
- lch(61.12 27.19 95.4)
- CMYK
- cmyk(0% 5% 37% 39%)
Teintes · Ombres · Tons
Teintes
- A59E72
- AFA982
- B9B391
- C2BEA0
- CCC9B0
- D6D3BF
- E0DECF
- EAE9DF
- F5F4EF
Ombres
- 878055
- 736D47
- 5F5A3A
- 4C482E
- 393621
- 282616
- 18160B
- 090803
- 010100
Tons
- 999266
- 96906A
- 938E6D
- 918C70
- 8E8A73
- 8B8876
- 888678
- 85847B
- 83827E
Harmonies de couleurs
Complémentaire +180°
- 9C9463
Green Lentils
- 8A8EBC
≈ Soft Blue Lavender
Analogue -30° +30°
- 9C9463
Green Lentils
- AE8C65
≈ Dubbin
- 859B6F
≈ Sleepy Hollow
Triadique +120° +240°
- 9C9463
Green Lentils
- 619DB0
≈ Dolphin Daze
- AF83A0
≈ Capri Fashion Pink
Complémentaire divisée +150° +210°
- 9C9463
Green Lentils
- 7396BB
≈ Bluebird’s Belly
- 9F87B2
≈ Flirty Pink
Tétradique +90° +180° +270°
- 9C9463
Green Lentils
- 5FA09C
≈ Teal Bayou
- 8A8EBC
≈ Soft Blue Lavender
- B88289
≈ Lime Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.07:1 · APCA Lc 58
Ag
AASur noir
WCAG 6.82:1 · APCA Lc 44
Meilleure couleur de texte: #000000
WCAG 6.82:1 (AA) · APCA Lc 44
Contrast pairs
Extraits de code
CSS
:root {
--green-lentils: #9c9463;
--green-lentils-rgb: 156 148 99;
--green-lentils-oklch: oklch(0.661 0.068 100.1);
}
.element {
color: var(--green-lentils);
background-color: hsl(52 22% 50%);
border-color: oklch(0.661 0.068 100.1);
}Tailwind CSS v4
@theme {
--color-green-lentils: #9c9463;
--color-green-lentils-50: #f9f6e0;
--color-green-lentils-100: #ece9d0;
--color-green-lentils-200: #d9d6b5;
--color-green-lentils-300: #beb991;
--color-green-lentils-400: #a7a071;
--color-green-lentils-500: #908751;
--color-green-lentils-600: #7a7345;
--color-green-lentils-700: #625c37;
--color-green-lentils-800: #484327;
--color-green-lentils-900: #322e1a;
--color-green-lentils-950: #1e1b0a;
}SCSS
$green-lentils: #9c9463;
$green-lentils-rgb: 156, 148, 99;
$green-lentils-light: mix(#fff, $green-lentils, 20%);
$green-lentils-dark: mix(#000, $green-lentils, 20%);
.element {
color: $green-lentils;
box-shadow: 0 0 0 2px rgba($green-lentils, 0.35);
}