이름 색상 · #80624E
Tilled Earth
Tilled Earth은(는) #80624E: rgb(128 98 78), hsl(24 24% 40%), oklch(0.521 0.049 55.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Tilled Earth color name →
#80624E
oklch(0.521 0.049 55.1)
색상 변환
- HEX
- #80624e
- RGB
- rgb(128 98 78)
- HSL
- hsl(24 24% 40%)
- HWB
- hwb(24 31% 50%)
- OKLCH
- oklch(0.521 0.049 55.1)
- OKLab
- oklab(0.521 0.028 0.04)
- CIE Lab
- lab(44.26 10.38 16.33)
- LCH
- lch(44.26 19.35 57.5)
- CMYK
- cmyk(0% 23% 39% 50%)
틴트 · 셰이드 · 톤
틴트
- 8C715E
- 997F6F
- A58F80
- B29E91
- BEAEA3
- CBBDB5
- D8CDC7
- E5DED9
- F2EEEC
셰이드
- 6E5443
- 5D4738
- 4D3A2D
- 3D2D23
- 2E2119
- 1F160F
- 120B07
- 060302
- 010000
톤
- 806553
- 806858
- 806B5D
- 816E62
- 817167
- 81746C
- 817771
- 807A76
- 807D7B
색 조화
보색 +180°
- 80624E
Tilled Earth
- 4D6E82
≈ Oceanic
유사색 -30° +30°
- 80624E
Tilled Earth
- 845E5B
≈ Book Binder
- 766748
≈ Old Willow Leaf
삼각 배색 +120° +240°
- 80624E
Tilled Earth
- 4A7368
≈ Christmas Ivy
- 6B6483
≈ Daemonette Hide
분열 보색 +150° +210°
- 80624E
Tilled Earth
- 467277
≈ Vining Ivy
- 5B6986
≈ Spaceman
사각 배색 +90° +180° +270°
- 80624E
Tilled Earth
- 587158
≈ Cactus
- 4D6E82
≈ Oceanic
- 786079
≈ Montana Grape
대비 및 접근성
Ag
AA흰색 위
WCAG 5.56:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.77:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.56:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--tilled-earth: #80624e;
--tilled-earth-rgb: 128 98 78;
--tilled-earth-oklch: oklch(0.521 0.049 55.1);
}
.element {
color: var(--tilled-earth);
background-color: hsl(24 24% 40%);
border-color: oklch(0.521 0.049 55.1);
}Tailwind CSS v4
@theme {
--color-tilled-earth: #80624e;
--color-tilled-earth-50: #fff2e8;
--color-tilled-earth-100: #f5e4d8;
--color-tilled-earth-200: #e5cfc0;
--color-tilled-earth-300: #ccb29f;
--color-tilled-earth-400: #b69783;
--color-tilled-earth-500: #a07e67;
--color-tilled-earth-600: #886b57;
--color-tilled-earth-700: #6d5546;
--color-tilled-earth-800: #503e32;
--color-tilled-earth-900: #382b22;
--color-tilled-earth-950: #221811;
}SCSS
$tilled-earth: #80624e;
$tilled-earth-rgb: 128, 98, 78;
$tilled-earth-light: mix(#fff, $tilled-earth, 20%);
$tilled-earth-dark: mix(#000, $tilled-earth, 20%);
.element {
color: $tilled-earth;
box-shadow: 0 0 0 2px rgba($tilled-earth, 0.35);
}