Couleur nommée la plus proche · #3A6329
#3A6329
Couleur nommée la plus proche: Greenhouse
#3A6329 (rgb(58 99 41), hsl(102 41% 27%), oklch(0.455 0.099 137.4)) est la plus proche de la couleur nommée Greenhouse. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#3A6329
oklch(0.455 0.099 137.4)
Conversions de couleur
- HEX
- #3a6329
- RGB
- rgb(58 99 41)
- HSL
- hsl(102 41% 27%)
- HWB
- hwb(102 16% 61%)
- OKLCH
- oklch(0.455 0.099 137.4)
- OKLab
- oklab(0.455 -0.073 0.067)
- CIE Lab
- lab(37.88 -23.98 27.73)
- LCH
- lch(37.88 36.66 130.8)
- CMYK
- cmyk(41% 0% 59% 61%)
Teintes · Ombres · Tons
Teintes
- 4C723E
- 5F8152
- 729067
- 859F7B
- 98AF90
- ACBEA6
- C1CEBC
- D5DED2
- EAEFE8
Ombres
- 315522
- 28471C
- 203A15
- 182E0F
- 102109
- 091605
- 040B02
- 010301
- 000000
Tons
- 416633
- 49693C
- 506C45
- 576F4E
- 5E7256
- 64755E
- 6B7867
- 727B6F
- 797D78
Harmonies de couleurs
Complémentaire +180°
- 3A6329
Greenhouse
- 6D447A
≈ Palace Purple
Analogue -30° +30°
- 3A6329
Greenhouse
- 5D5A00
≈ Greensboro
- 00674C
≈ Bottle Green
Triadique +120° +240°
- 3A6329
Greenhouse
- 31578D
≈ Dark Cobalt Blue
- 853D42
≈ Dark Crimson
Complémentaire divisée +150° +210°
- 3A6329
Greenhouse
- 544C8A
≈ Victoria
- 7D3E61
≈ Pleasure
Tétradique +90° +180° +270°
- 3A6329
Greenhouse
- 00607D
≈ Back of Beyond
- 6D447A
≈ Palace Purple
- 824320
≈ Russet
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.00:1 · APCA Lc 84
Ag
FailSur noir
WCAG 2.99:1 · APCA Lc 18
Meilleure couleur de texte: #FFFFFF
WCAG 7.00:1 (AAA) · APCA Lc 84
Contrast pairs
Extraits de code
CSS
:root {
--greenhouse: #3a6329;
--greenhouse-rgb: 58 99 41;
--greenhouse-oklch: oklch(0.455 0.099 137.4);
}
.element {
color: var(--greenhouse);
background-color: hsl(102 41% 27%);
border-color: oklch(0.455 0.099 137.4);
}Tailwind CSS v4
@theme {
--color-greenhouse: #3a6329;
--color-greenhouse-50: #e7fde2;
--color-greenhouse-100: #d7f0d1;
--color-greenhouse-200: #bfdfb7;
--color-greenhouse-300: #9ec494;
--color-greenhouse-400: #82ac72;
--color-greenhouse-500: #659553;
--color-greenhouse-600: #567e47;
--color-greenhouse-700: #456538;
--color-greenhouse-800: #334a26;
--color-greenhouse-900: #23331a;
--color-greenhouse-950: #121f0a;
}SCSS
$greenhouse: #3a6329;
$greenhouse-rgb: 58, 99, 41;
$greenhouse-light: mix(#fff, $greenhouse, 20%);
$greenhouse-dark: mix(#000, $greenhouse, 20%);
.element {
color: $greenhouse;
box-shadow: 0 0 0 2px rgba($greenhouse, 0.35);
}