이름 색상 · #6B3D38
Cimarron
Cimarron은(는) #6B3D38: rgb(107 61 56), hsl(6 31% 32%), oklch(0.415 0.066 26.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Cimarron color name →
#6B3D38
oklch(0.415 0.066 26.9)
색상 변환
- HEX
- #6b3d38
- RGB
- rgb(107 61 56)
- HSL
- hsl(6 31% 32%)
- HWB
- hwb(6 22% 58%)
- OKLCH
- oklch(0.415 0.066 26.9)
- OKLab
- oklab(0.415 0.059 0.03)
- CIE Lab
- lab(31.48 20.25 12.23)
- LCH
- lch(31.48 23.65 31.1)
- CMYK
- cmyk(0% 43% 48% 58%)
틴트 · 셰이드 · 톤
틴트
- 7A4F4A
- 88615C
- 97736F
- A68682
- B49996
- C3ADAA
- D2C1BF
- E1D5D4
- F0EAE9
셰이드
- 5C342F
- 4E2B27
- 3F221F
- 321A17
- 25120F
- 180A08
- 0D0404
- 040101
- 000000
톤
- 6E443F
- 704A46
- 73514D
- 755854
- 775E5B
- 796562
- 7B6C6A
- 7D7271
- 7F7979
색 조화
보색 +180°
- 6B3D38
Cimarron
- 0F555E
≈ Uncharted
유사색 -30° +30°
- 6B3D38
Cimarron
- 683C4C
≈ Crushed Violets
- 674226
≈ Van Dyke Brown
삼각 배색 +120° +240°
- 6B3D38
Cimarron
- 325536
≈ Green Stain
- 3B4A70
≈ Egyptian Violet
분열 보색 +150° +210°
- 6B3D38
Cimarron
- 19574B
≈ Country Meadow
- 24516B
≈ Shimmering Sea
사각 배색 +90° +180° +270°
- 6B3D38
Cimarron
- 495024
≈ Army Green
- 0F555E
≈ Uncharted
- 4F446B
≈ True Romance
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.93:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.34:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 8.93:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--cimarron: #6b3d38;
--cimarron-rgb: 107 61 56;
--cimarron-oklch: oklch(0.415 0.066 26.9);
}
.element {
color: var(--cimarron);
background-color: hsl(6 31% 32%);
border-color: oklch(0.415 0.066 26.9);
}Tailwind CSS v4
@theme {
--color-cimarron: #6b3d38;
--color-cimarron-50: #ffefea;
--color-cimarron-100: #fde0db;
--color-cimarron-200: #efcac4;
--color-cimarron-300: #d7aba4;
--color-cimarron-400: #c2908a;
--color-cimarron-500: #ae756f;
--color-cimarron-600: #93645e;
--color-cimarron-700: #764f4b;
--color-cimarron-800: #573937;
--color-cimarron-900: #3d2725;
--color-cimarron-950: #261514;
}SCSS
$cimarron: #6b3d38;
$cimarron-rgb: 107, 61, 56;
$cimarron-light: mix(#fff, $cimarron, 20%);
$cimarron-dark: mix(#000, $cimarron, 20%);
.element {
color: $cimarron;
box-shadow: 0 0 0 2px rgba($cimarron, 0.35);
}