이름 색상 · #6E3637
Red Theatre
Red Theatre은(는) #6E3637: rgb(110 54 55), hsl(359 34% 32%), oklch(0.406 0.08 20.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Red Theatre color name →
#6E3637
oklch(0.406 0.08 20.1)
색상 변환
- HEX
- #6e3637
- RGB
- rgb(110 54 55)
- HSL
- hsl(359 34% 32%)
- HWB
- hwb(359 21% 57%)
- OKLCH
- oklch(0.406 0.08 20.1)
- OKLab
- oklab(0.406 0.075 0.027)
- CIE Lab
- lab(30.27 25.4 11.35)
- LCH
- lch(30.27 27.82 24.1)
- CMYK
- cmyk(0% 51% 50% 57%)
틴트 · 셰이드 · 톤
틴트
- 7D4949
- 8B5B5B
- 9A6F6E
- A98281
- B79695
- C5AAA9
- D4BFBE
- E2D4D3
- F1E9E9
셰이드
- 5F2E2E
- 502526
- 411E1E
- 331616
- 260F0F
- 190808
- 0E0303
- 040101
- 010000
톤
- 713E3E
- 734545
- 754D4C
- 775453
- 795B5B
- 7B6362
- 7D6A69
- 7E7171
- 7F7978
색 조화
보색 +180°
- 6E3637
Red Theatre
- 005458
≈ Ice Dark Turquoise
유사색 -30° +30°
- 6E3637
Red Theatre
- 69364F
≈ Noble Honour
- 6B3B1E
≈ Searing Gorge Brown
삼각 배색 +120° +240°
- 6E3637
Red Theatre
- 305429
≈ Moor-Monster
- 2F4974
≈ Dragonfly
분열 보색 +150° +210°
- 6E3637
Red Theatre
- 025743
≈ Sacramento State Green
- 04516C
≈ Gemstone Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.35:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.24:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.35:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--red-theatre: #6e3637;
--red-theatre-rgb: 110 54 55;
--red-theatre-oklch: oklch(0.406 0.08 20.1);
}
.element {
color: var(--red-theatre);
background-color: hsl(359 34% 32%);
border-color: oklch(0.406 0.08 20.1);
}Tailwind CSS v4
@theme {
--color-red-theatre: #6e3637;
--color-red-theatre-50: #ffedeb;
--color-red-theatre-100: #ffdedc;
--color-red-theatre-200: #f5c8c5;
--color-red-theatre-300: #dda8a5;
--color-red-theatre-400: #c98c8b;
--color-red-theatre-500: #b57070;
--color-red-theatre-600: #995f5f;
--color-red-theatre-700: #7b4c4c;
--color-red-theatre-800: #5b3738;
--color-red-theatre-900: #402626;
--color-red-theatre-950: #281415;
}SCSS
$red-theatre: #6e3637;
$red-theatre-rgb: 110, 54, 55;
$red-theatre-light: mix(#fff, $red-theatre, 20%);
$red-theatre-dark: mix(#000, $red-theatre, 20%);
.element {
color: $red-theatre;
box-shadow: 0 0 0 2px rgba($red-theatre, 0.35);
}