이름 색상 · #874C3E
Mission Tile
Mission Tile은(는) #874C3E: rgb(135 76 62), hsl(12 37% 39%), oklch(0.483 0.084 34.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Mission Tile color name →
#874C3E
oklch(0.483 0.084 34.3)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 935D50
- A06E62
- AC7F74
- B89187
- C4A29A
- D0B4AE
- DCC7C1
- E8D9D6
- F3ECEA
셰이드
- 754135
- 63362B
- 512C23
- 41221A
- 311812
- 210F0A
- 130604
- 060201
- 010000
톤
- 875245
- 87574B
- 875C52
- 866259
- 86675F
- 856C66
- 84716C
- 837673
- 827B79
색 조화
보색 +180°
- 874C3E
Mission Tile
- 066A7B
≈ Teal With It
유사색 -30° +30°
- 874C3E
Mission Tile
- 854959
≈ Frenzied Red
- 7F5427
≈ Arable Brown
삼각 배색 +120° +240°
- 874C3E
Mission Tile
- 336C49
≈ Chopped Chive
- 505A8E
≈ Piccadilly Purple
분열 보색 +150° +210°
- 874C3E
Mission Tile
- 086E64
≈ Deep Pacific
- 31638A
≈ Drake’s Neck
사각 배색 +90° +180° +270°
- 874C3E
Mission Tile
- 54662E
≈ Bimi Green
- 066A7B
≈ Teal With It
- 695285
≈ Zimidar
대비 및 접근성
Ag
AA흰색 위
WCAG 6.70:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.13:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
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);
}