Couleur nommée la plus proche · #4D5B00
#4D5B00
Couleur nommée la plus proche: Forestial Outpost
#4D5B00 (rgb(77 91 0), hsl(69 100% 18%), oklch(0.443 0.105 119.5)) est la plus proche de la couleur nommée Forestial Outpost. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#4D5B00
oklch(0.443 0.105 119.5)
Conversions de couleur
- HEX
- #4d5b00
- RGB
- rgb(77 91 0)
- HSL
- hsl(69 100% 18%)
- HWB
- hwb(69 0% 64%)
- OKLCH
- oklch(0.443 0.105 119.5)
- OKLab
- oklab(0.443 -0.052 0.091)
- CIE Lab
- lab(36.27 -14.14 42.43)
- LCH
- lch(36.27 44.72 108.4)
- CMYK
- cmyk(15% 0% 100% 64%)
Teintes · Ombres · Tons
Teintes
- 5D6A26
- 6D7A3F
- 7E8A57
- 8F9A6E
- A1AA86
- B3BB9D
- C5CCB5
- D8DDCD
- EBEEE6
Ombres
- 424E00
- 374100
- 2C3500
- 222900
- 181E00
- 0F1300
- 070900
- 020300
- 000000
Tons
- 525F19
- 576328
- 5B6735
- 606A40
- 666E4C
- 6B7256
- 707561
- 75796B
- 7B7C76
Harmonies de couleurs
Complémentaire +180°
- 4D5B00
Forestial Outpost
- 5C4484
≈ Gigas
Analogue -30° +30°
- 4D5B00
Forestial Outpost
- 675000
≈ Olive Brown
- 1D6332
≈ Bucolic
Triadique +120° +240°
- 4D5B00
Forestial Outpost
- 005985
≈ Sea Cave
- 803752
≈ Rich Red Violet
Complémentaire divisée +150° +210°
- 4D5B00
Forestial Outpost
- 3D4F8D
≈ Tory Blue
- 733C6F
≈ Burnt Orchid
Tétradique +90° +180° +270°
- 4D5B00
Forestial Outpost
- 005F6A
≈ Petrol
- 5C4484
≈ Gigas
- 84392F
≈ Crabapple
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.46:1 · APCA Lc 86
Ag
FailSur noir
WCAG 2.81:1 · APCA Lc 16
Meilleure couleur de texte: #FFFFFF
WCAG 7.46:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
CSS
:root {
--forestial-outpost: #4d5b00;
--forestial-outpost-rgb: 77 91 0;
--forestial-outpost-oklch: oklch(0.443 0.105 119.5);
}
.element {
color: var(--forestial-outpost);
background-color: hsl(69 100% 18%);
border-color: oklch(0.443 0.105 119.5);
}Tailwind CSS v4
@theme {
--color-forestial-outpost: #4d5b00;
--color-forestial-outpost-50: #f0fad9;
--color-forestial-outpost-100: #e2eec7;
--color-forestial-outpost-200: #cddcaa;
--color-forestial-outpost-300: #afc084;
--color-forestial-outpost-400: #97a85e;
--color-forestial-outpost-500: #7e9038;
--color-forestial-outpost-600: #6b7a31;
--color-forestial-outpost-700: #556127;
--color-forestial-outpost-800: #404719;
--color-forestial-outpost-900: #2c3110;
--color-forestial-outpost-950: #191d03;
}SCSS
$forestial-outpost: #4d5b00;
$forestial-outpost-rgb: 77, 91, 0;
$forestial-outpost-light: mix(#fff, $forestial-outpost, 20%);
$forestial-outpost-dark: mix(#000, $forestial-outpost, 20%);
.element {
color: $forestial-outpost;
box-shadow: 0 0 0 2px rgba($forestial-outpost, 0.35);
}