Couleur nommée la plus proche · #3F7928
#3F7928
Couleur nommée la plus proche: Master Chief
#3F7928 (rgb(63 121 40), hsl(103 50% 32%), oklch(0.518 0.129 138)) est la plus proche de la couleur nommée Master Chief. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#3F7928
oklch(0.518 0.129 138)
Conversions de couleur
- HEX
- #3f7928
- RGB
- rgb(63 121 40)
- HSL
- hsl(103 50% 32%)
- HWB
- hwb(103 16% 53%)
- OKLCH
- oklch(0.518 0.129 138)
- OKLab
- oklab(0.518 -0.096 0.086)
- CIE Lab
- lab(45.55 -31.71 36.77)
- LCH
- lch(45.55 48.56 130.8)
- CMYK
- cmyk(48% 0% 67% 53%)
Teintes · Ombres · Tons
Teintes
- 52863F
- 659355
- 77A06A
- 8AAE7E
- 9DBB93
- B0C8A8
- C4D6BE
- D7E4D3
- EBF1E9
Ombres
- 356821
- 2C581B
- 234815
- 1B390F
- 122B09
- 0A1D04
- 041002
- 010501
- 000100
Tons
- 477A34
- 4E7B3E
- 547C47
- 5B7D50
- 627D58
- 687E60
- 6E7F69
- 747F70
- 7A8078
Harmonies de couleurs
Complémentaire +180°
- 3F7928
Master Chief
- 874D98
≈ Murasaki Purple
Analogue -30° +30°
- 3F7928
Master Chief
- 6F6C00
≈ Worn Olive
- 007B5D
≈ Emerald Dream
Triadique +120° +240°
- 3F7928
Master Chief
- 3567B1
≈ Dover Straits
- A6444C
≈ Floriography
Complémentaire divisée +150° +210°
- 3F7928
Master Chief
- 6659AE
≈ Blue Marguerite
- 9C4575
≈ Orchid Lei
Tétradique +90° +180° +270°
- 3F7928
Master Chief
- 007396
≈ Enchanted Blue
- 874D98
≈ Murasaki Purple
- A24D16
≈ Hamburger
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.28:1 · APCA Lc 76
Ag
FailSur noir
WCAG 3.97:1 · APCA Lc 26
Meilleure couleur de texte: #FFFFFF
WCAG 5.28:1 (AA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--master-chief: #3f7928;
--master-chief-rgb: 63 121 40;
--master-chief-oklch: oklch(0.518 0.129 138);
}
.element {
color: var(--master-chief);
background-color: hsl(103 50% 32%);
border-color: oklch(0.518 0.129 138);
}Tailwind CSS v4
@theme {
--color-master-chief: #3f7928;
--color-master-chief-50: #e2ffdc;
--color-master-chief-100: #d2f3ca;
--color-master-chief-200: #b7e2ae;
--color-master-chief-300: #94c888;
--color-master-chief-400: #77b063;
--color-master-chief-500: #589a3f;
--color-master-chief-600: #4b8236;
--color-master-chief-700: #3c682b;
--color-master-chief-800: #2d4c1c;
--color-master-chief-900: #1e3512;
--color-master-chief-950: #0e2004;
}SCSS
$master-chief: #3f7928;
$master-chief-rgb: 63, 121, 40;
$master-chief-light: mix(#fff, $master-chief, 20%);
$master-chief-dark: mix(#000, $master-chief, 20%);
.element {
color: $master-chief;
box-shadow: 0 0 0 2px rgba($master-chief, 0.35);
}