이름 색상 · #883322
Kofta Brown
Kofta Brown은(는) #883322: rgb(136 51 34), hsl(10 60% 33%), oklch(0.439 0.12 33.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Kofta Brown color name →
#883322
oklch(0.439 0.12 33.1)
색상 변환
- HEX
- #883322
- RGB
- rgb(136 51 34)
- HSL
- hsl(10 60% 33%)
- HWB
- hwb(10 13% 47%)
- OKLCH
- oklch(0.439 0.12 33.1)
- OKLab
- oklab(0.439 0.101 0.066)
- CIE Lab
- lab(33.87 36.3 30.04)
- LCH
- lch(33.87 47.12 39.6)
- CMYK
- cmyk(0% 63% 75% 47%)
틴트 · 셰이드 · 톤
틴트
- 954838
- A25C4C
- AF6F61
- BB8377
- C7978C
- D3ACA2
- DEC0B9
- E9D5D0
- F4EAE7
셰이드
- 752B1C
- 632316
- 521C11
- 41140B
- 310D07
- 220703
- 130301
- 060100
- 010000
톤
- 893C2D
- 894536
- 894D40
- 885549
- 885C52
- 87645B
- 866B65
- 84726E
- 827977
색 조화
보색 +180°
- 883322
Kofta Brown
- 005D6C
≈ Hero
유사색 -30° +30°
- 883322
Kofta Brown
- 852F4C
≈ Anemone
- 784400
≈ Dusky Brown
삼각 배색 +120° +240°
- 883322
Kofta Brown
- 006333
≈ Ficus Elastica
- 3E4A94
≈ Merlin’s Robe
분열 보색 +150° +210°
- 883322
Kofta Brown
- 006056
≈ Empress Teal
- 005788
≈ Dark Denim
사각 배색 +90° +180° +270°
- 883322
Kofta Brown
- 475B00
≈ Lustrian Undergrowth
- 005D6C
≈ Hero
- 603E88
≈ Daisy Bush
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.25:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.54:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.25:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--kofta-brown: #883322;
--kofta-brown-rgb: 136 51 34;
--kofta-brown-oklch: oklch(0.439 0.12 33.1);
}
.element {
color: var(--kofta-brown);
background-color: hsl(10 60% 33%);
border-color: oklch(0.439 0.12 33.1);
}Tailwind CSS v4
@theme {
--color-kofta-brown: #883322;
--color-kofta-brown-50: #ffeade;
--color-kofta-brown-100: #ffdacd;
--color-kofta-brown-200: #ffc3b2;
--color-kofta-brown-300: #eea18d;
--color-kofta-brown-400: #dc836f;
--color-kofta-brown-500: #c96550;
--color-kofta-brown-600: #aa5644;
--color-kofta-brown-700: #884436;
--color-kofta-brown-800: #663128;
--color-kofta-brown-900: #47211a;
--color-kofta-brown-950: #2e100b;
}SCSS
$kofta-brown: #883322;
$kofta-brown-rgb: 136, 51, 34;
$kofta-brown-light: mix(#fff, $kofta-brown, 20%);
$kofta-brown-dark: mix(#000, $kofta-brown, 20%);
.element {
color: $kofta-brown;
box-shadow: 0 0 0 2px rgba($kofta-brown, 0.35);
}