Color con nombre · #874C3E
Mission Tile
Mission Tile es #874C3E: rgb(135 76 62), hsl(12 37% 39%), oklch(0.483 0.084 34.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Mission Tile color name →
#874C3E
oklch(0.483 0.084 34.3)
Conversiones de color
- HEX
- #874c3e
- RGB
- rgb(135 76 62)
- HSL
- hsl(12 37% 39%)
- HWB
- hwb(12 24% 47%)
- OKLCH
- oklch(0.483 0.084 34.3)
- OKLab
- oklab(0.483 0.069 0.047)
- CIE Lab
- lab(39.35 24.45 19.7)
- LCH
- lch(39.35 31.4 38.9)
- CMYK
- cmyk(0% 44% 54% 47%)
Tintes · Sombras · Tonos
Tintes
- 935D50
- A06E62
- AC7F74
- B89187
- C4A29A
- D0B4AE
- DCC7C1
- E8D9D6
- F3ECEA
Sombras
- 754135
- 63362B
- 512C23
- 41221A
- 311812
- 210F0A
- 130604
- 060201
- 010000
Tonos
- 875245
- 87574B
- 875C52
- 866259
- 86675F
- 856C66
- 84716C
- 837673
- 827B79
Armonías de color
Complementario +180°
- 874C3E
Mission Tile
- 066A7B
≈ Teal With It
Análogo -30° +30°
- 874C3E
Mission Tile
- 854959
≈ Frenzied Red
- 7F5427
≈ Arable Brown
Triádico +120° +240°
- 874C3E
Mission Tile
- 336C49
≈ Chopped Chive
- 505A8E
≈ Piccadilly Purple
Complementario dividido +150° +210°
- 874C3E
Mission Tile
- 086E64
≈ Deep Pacific
- 31638A
≈ Drake’s Neck
Tetrádico +90° +180° +270°
- 874C3E
Mission Tile
- 54662E
≈ Bimi Green
- 066A7B
≈ Teal With It
- 695285
≈ Zimidar
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.70:1 · APCA Lc 83
Ag
FailSobre negro
WCAG 3.13:1 · APCA Lc 19
Mejor color de texto: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--mission-tile: #874c3e;
--mission-tile-rgb: 135 76 62;
--mission-tile-oklch: oklch(0.483 0.084 34.3);
}
.element {
color: var(--mission-tile);
background-color: hsl(12 37% 39%);
border-color: oklch(0.483 0.084 34.3);
}Tailwind CSS v4
@theme {
--color-mission-tile: #874c3e;
--color-mission-tile-50: #ffede5;
--color-mission-tile-100: #ffdfd5;
--color-mission-tile-200: #f5c8bc;
--color-mission-tile-300: #dea99a;
--color-mission-tile-400: #cb8d7e;
--color-mission-tile-500: #b67161;
--color-mission-tile-600: #9a6052;
--color-mission-tile-700: #7c4d41;
--color-mission-tile-800: #5c3730;
--color-mission-tile-900: #402620;
--color-mission-tile-950: #291410;
}SCSS
$mission-tile: #874c3e;
$mission-tile-rgb: 135, 76, 62;
$mission-tile-light: mix(#fff, $mission-tile, 20%);
$mission-tile-dark: mix(#000, $mission-tile, 20%);
.element {
color: $mission-tile;
box-shadow: 0 0 0 2px rgba($mission-tile, 0.35);
}