Color con nombre más cercano · #447C2A
#447C2A
Color con nombre más cercano: Master Chief
#447C2A (rgb(68 124 42), hsl(101 49% 33%), oklch(0.529 0.129 137.2)) se parece más al color con nombre Master Chief. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#447C2A
oklch(0.529 0.129 137.2)
Conversiones de color
- HEX
- #447c2a
- RGB
- rgb(68 124 42)
- HSL
- hsl(101 49% 33%)
- HWB
- hwb(101 16% 51%)
- OKLCH
- oklch(0.529 0.129 137.2)
- OKLab
- oklab(0.529 -0.095 0.088)
- CIE Lab
- lab(46.81 -31.11 37.3)
- LCH
- lch(46.81 48.57 129.8)
- CMYK
- cmyk(45% 0% 66% 51%)
Tintes · Sombras · Tonos
Tintes
- 568941
- 699656
- 7BA36B
- 8DB080
- 9FBD94
- B2CAA9
- C5D7BE
- D8E4D4
- EBF2E9
Sombras
- 3A6B23
- 305A1C
- 264A16
- 1D3B10
- 142C0A
- 0C1E05
- 051102
- 020501
- 000100
Tonos
- 4B7D35
- 517D3F
- 587E48
- 5E7F51
- 647F59
- 6A7F61
- 6F8069
- 758071
- 7A8078
Armonías de color
Complementario +180°
- 447C2A
Master Chief
- 89519C
≈ Vicious Violet
Análogo -30° +30°
- 447C2A
Master Chief
- 736F00
≈ Bronze Yellow
- 007F5E
≈ Spanish Viridian
Triádico +120° +240°
- 447C2A
Master Chief
- 366BB5
≈ Dover Straits
- A94750
≈ English Red
Complementario dividido +150° +210°
- 447C2A
Master Chief
- 685DB1
≈ Blue Marguerite
- 9F487A
≈ Orchid Lei
Tetrádico +90° +180° +270°
- 447C2A
Master Chief
- 007699
≈ Pristine Seas
- 89519C
≈ Vicious Violet
- A6501D
≈ Hamburger
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.04:1 · APCA Lc 75
Ag
FailSobre negro
WCAG 4.16:1 · APCA Lc 27
Mejor color de texto: #FFFFFF
WCAG 5.04:1 (AA) · APCA Lc 75
Contrast pairs
Fragmentos de código
CSS
:root {
--master-chief: #447c2a;
--master-chief-rgb: 68 124 42;
--master-chief-oklch: oklch(0.529 0.129 137.2);
}
.element {
color: var(--master-chief);
background-color: hsl(101 49% 33%);
border-color: oklch(0.529 0.129 137.2);
}Tailwind CSS v4
@theme {
--color-master-chief: #447c2a;
--color-master-chief-50: #e3ffdc;
--color-master-chief-100: #d2f3ca;
--color-master-chief-200: #b8e2ad;
--color-master-chief-300: #95c888;
--color-master-chief-400: #79b062;
--color-master-chief-500: #5a993d;
--color-master-chief-600: #4c8235;
--color-master-chief-700: #3d682a;
--color-master-chief-800: #2e4c1b;
--color-master-chief-900: #1f3511;
--color-master-chief-950: #0e2004;
}SCSS
$master-chief: #447c2a;
$master-chief-rgb: 68, 124, 42;
$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);
}