이름 색상 · #865040
Ironstone
Ironstone은(는) #865040: rgb(134 80 64), hsl(14 35% 39%), oklch(0.49 0.077 37.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Ironstone color name →
#865040
oklch(0.49 0.077 37.3)
색상 변환
- HEX
- #865040
- RGB
- rgb(134 80 64)
- HSL
- hsl(14 35% 39%)
- HWB
- hwb(14 25% 47%)
- OKLCH
- oklch(0.49 0.077 37.3)
- OKLab
- oklab(0.49 0.062 0.047)
- CIE Lab
- lab(40.19 21.96 19.54)
- LCH
- lch(40.19 29.39 41.7)
- CMYK
- cmyk(0% 40% 52% 47%)
틴트 · 셰이드 · 톤
틴트
- 926052
- 9F7163
- AB8276
- B79388
- C3A49B
- CFB6AF
- DBC8C2
- E7DAD6
- F3ECEA
셰이드
- 744436
- 62392D
- 512E24
- 40241B
- 301A13
- 21100B
- 130705
- 060201
- 010000
톤
- 865547
- 865A4D
- 865F53
- 85645A
- 856960
- 846D66
- 83726D
- 827773
- 817B7A
색 조화
보색 +180°
- 865040
Ironstone
- 1D6B7D
≈ Allports
유사색 -30° +30°
- 865040
Ironstone
- 854D58
≈ Wine Not
- 7E572D
≈ Arable Brown
삼각 배색 +120° +240°
- 865040
Ironstone
- 376E4F
≈ Jungle Book Green
- 555C8C
≈ Midnight Sea
분열 보색 +150° +210°
- 865040
Ironstone
- 1A6E68
≈ Tide Pools
- 3A648A
≈ Mississippi River
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.49:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.23:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.49:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--ironstone: #865040;
--ironstone-rgb: 134 80 64;
--ironstone-oklch: oklch(0.49 0.077 37.3);
}
.element {
color: var(--ironstone);
background-color: hsl(14 35% 39%);
border-color: oklch(0.49 0.077 37.3);
}Tailwind CSS v4
@theme {
--color-ironstone: #865040;
--color-ironstone-50: #ffeee5;
--color-ironstone-100: #ffe0d5;
--color-ironstone-200: #f3cabc;
--color-ironstone-300: #dbab9a;
--color-ironstone-400: #c78f7e;
--color-ironstone-500: #b37461;
--color-ironstone-600: #976252;
--color-ironstone-700: #794e42;
--color-ironstone-800: #5a3930;
--color-ironstone-900: #3f2720;
--color-ironstone-950: #281510;
}SCSS
$ironstone: #865040;
$ironstone-rgb: 134, 80, 64;
$ironstone-light: mix(#fff, $ironstone, 20%);
$ironstone-dark: mix(#000, $ironstone, 20%);
.element {
color: $ironstone;
box-shadow: 0 0 0 2px rgba($ironstone, 0.35);
}