이름 색상 · #723D3B
Tuscan Russet
Tuscan Russet은(는) #723D3B: rgb(114 61 59), hsl(2 32% 34%), oklch(0.425 0.075 23). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Tuscan Russet color name →
#723D3B
oklch(0.425 0.075 23)
색상 변환
- HEX
- #723d3b
- RGB
- rgb(114 61 59)
- HSL
- hsl(2 32% 34%)
- HWB
- hwb(2 23% 55%)
- OKLCH
- oklch(0.425 0.075 23)
- OKLab
- oklab(0.425 0.069 0.029)
- CIE Lab
- lab(32.6 23.54 12.04)
- LCH
- lch(32.6 26.44 27.1)
- CMYK
- cmyk(0% 46% 48% 55%)
틴트 · 셰이드 · 톤
틴트
- 804F4C
- 8E615E
- 9D7471
- AB8684
- B99A97
- C7ADAB
- D5C1C0
- E3D6D4
- F1EAEA
셰이드
- 623432
- 532B29
- 442221
- 361A19
- 281211
- 1B0A09
- 0E0404
- 040101
- 010000
톤
- 744442
- 764B48
- 78514F
- 7A5856
- 7B5F5D
- 7C6564
- 7E6C6B
- 7F7372
- 7F7979
색 조화
보색 +180°
- 723D3B
Tuscan Russet
- 005A60
≈ Entrapment
유사색 -30° +30°
- 723D3B
Tuscan Russet
- 6E3C52
≈ Ruby Nights
- 6E4225
≈ Davao Durian
삼각 배색 +120° +240°
- 723D3B
Tuscan Russet
- 355933
≈ Parsley
- 384E77
≈ Noble Knight
분열 보색 +150° +210°
- 723D3B
Tuscan Russet
- 135C4B
≈ Evergreen
- 1A5571
≈ Canoe Blue
사각 배색 +90° +180° +270°
- 723D3B
Tuscan Russet
- 4F531E
≈ Private Green
- 005A60
≈ Entrapment
- 504674
≈ Dramatist
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.58:1 · APCA Lc 89
Ag
Fail검은색 위
WCAG 2.44:1 · APCA Lc 13
가장 좋은 글자색: #FFFFFF
WCAG 8.58:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--tuscan-russet: #723d3b;
--tuscan-russet-rgb: 114 61 59;
--tuscan-russet-oklch: oklch(0.425 0.075 23);
}
.element {
color: var(--tuscan-russet);
background-color: hsl(2 32% 34%);
border-color: oklch(0.425 0.075 23);
}Tailwind CSS v4
@theme {
--color-tuscan-russet: #723d3b;
--color-tuscan-russet-50: #ffeeea;
--color-tuscan-russet-100: #ffdfdb;
--color-tuscan-russet-200: #f3c9c4;
--color-tuscan-russet-300: #dba9a4;
--color-tuscan-russet-400: #c78d8a;
--color-tuscan-russet-500: #b3726f;
--color-tuscan-russet-600: #97615e;
--color-tuscan-russet-700: #794d4b;
--color-tuscan-russet-800: #5a3837;
--color-tuscan-russet-900: #3f2626;
--color-tuscan-russet-950: #281414;
}SCSS
$tuscan-russet: #723d3b;
$tuscan-russet-rgb: 114, 61, 59;
$tuscan-russet-light: mix(#fff, $tuscan-russet, 20%);
$tuscan-russet-dark: mix(#000, $tuscan-russet, 20%);
.element {
color: $tuscan-russet;
box-shadow: 0 0 0 2px rgba($tuscan-russet, 0.35);
}