Couleur nommée la plus proche · #4A8950
#4A8950
Couleur nommée la plus proche: Beanpole
#4A8950 (rgb(74 137 80), hsl(126 30% 41%), oklch(0.573 0.108 146.1)) est la plus proche de la couleur nommée Beanpole. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#4A8950
oklch(0.573 0.108 146.1)
Conversions de couleur
- HEX
- #4a8950
- RGB
- rgb(74 137 80)
- HSL
- hsl(126 30% 41%)
- HWB
- hwb(126 29% 46%)
- OKLCH
- oklch(0.573 0.108 146.1)
- OKLab
- oklab(0.573 -0.09 0.06)
- CIE Lab
- lab(51.77 -30.79 24.01)
- LCH
- lch(51.77 39.05 142)
- CMYK
- cmyk(46% 0% 42% 46%)
Teintes · Ombres · Tons
Teintes
- 5C9561
- 6EA072
- 80AC83
- 92B794
- A4C3A5
- B6CFB7
- C8DBC8
- DAE7DA
- ECF3ED
Ombres
- 3F7644
- 356439
- 2A532E
- 204224
- 17311A
- 0E2210
- 061407
- 020702
- 000100
Tons
- 518855
- 57885A
- 5D875F
- 628664
- 688569
- 6D846E
- 728372
- 778277
- 7B817C
Harmonies de couleurs
Complémentaire +180°
- 4A8950
Beanpole
- 99609A
≈ Heath Spotted Orchid
Analogue -30° +30°
- 4A8950
Beanpole
- 75802C
≈ Pacifika
- 008C76
≈ Emerald Enchantment
Triadique +120° +240°
- 4A8950
Beanpole
- 5A76B8
≈ Blue Android Base
- AF5D56
≈ Pottery Red
Complémentaire divisée +150° +210°
- 4A8950
Beanpole
- 7E6AB0
≈ Clear Mauve
- AA5B7A
≈ Indian Pink
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.21:1 · APCA Lc 69
Ag
AASur noir
WCAG 4.98:1 · APCA Lc 33
Meilleure couleur de texte: #000000
WCAG 4.98:1 (AA) · APCA Lc 33
Contrast pairs
Extraits de code
CSS
:root {
--beanpole: #4a8950;
--beanpole-rgb: 74 137 80;
--beanpole-oklch: oklch(0.573 0.108 146.1);
}
.element {
color: var(--beanpole);
background-color: hsl(126 30% 41%);
border-color: oklch(0.573 0.108 146.1);
}Tailwind CSS v4
@theme {
--color-beanpole: #4a8950;
--color-beanpole-50: #e1fee4;
--color-beanpole-100: #d0f2d4;
--color-beanpole-200: #b6e2bb;
--color-beanpole-300: #91c798;
--color-beanpole-400: #73b077;
--color-beanpole-500: #529959;
--color-beanpole-600: #46814c;
--color-beanpole-700: #38683c;
--color-beanpole-800: #294c29;
--color-beanpole-900: #1c351c;
--color-beanpole-950: #0c200c;
}SCSS
$beanpole: #4a8950;
$beanpole-rgb: 74, 137, 80;
$beanpole-light: mix(#fff, $beanpole, 20%);
$beanpole-dark: mix(#000, $beanpole, 20%);
.element {
color: $beanpole;
box-shadow: 0 0 0 2px rgba($beanpole, 0.35);
}