이름 색상 · #833C3D
Red Candle
Red Candle은(는) #833C3D: rgb(131 60 61), hsl(359 37% 37%), oklch(0.45 0.098 20.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Red Candle color name →
#833C3D
oklch(0.45 0.098 20.9)
색상 변환
- HEX
- #833c3d
- RGB
- rgb(131 60 61)
- HSL
- hsl(359 37% 37%)
- HWB
- hwb(359 24% 49%)
- OKLCH
- oklch(0.45 0.098 20.9)
- OKLab
- oklab(0.45 0.092 0.035)
- CIE Lab
- lab(35.15 31.27 14.73)
- LCH
- lch(35.15 34.56 25.2)
- CMYK
- cmyk(0% 54% 53% 49%)
틴트 · 셰이드 · 톤
틴트
- 904F4E
- 9D6160
- AA7473
- B78786
- C39A99
- D0AEAD
- DCC2C1
- E8D6D5
- F3EAEA
셰이드
- 713334
- 602A2B
- 4F2122
- 3F191A
- 2F1112
- 200A0A
- 120404
- 060101
- 010000
톤
- 844344
- 844B4A
- 855251
- 855857
- 855F5E
- 846665
- 846C6B
- 837372
- 817A79
색 조화
보색 +180°
- 833C3D
Red Candle
- 006166
≈ Beau Vert
유사색 -30° +30°
- 833C3D
Red Candle
- 7D3C5C
≈ Pleasure
- 7F431B
≈ Russet
삼각 배색 +120° +240°
- 833C3D
Red Candle
- 34622C
≈ Gameboy Shade
- 35548B
≈ Glimpse of Void
분열 보색 +150° +210°
- 833C3D
Red Candle
- 00654E
≈ Green Paw Paw
- 005D7E
≈ Back of Beyond
사각 배색 +90° +180° +270°
- 833C3D
Red Candle
- 585A01
≈ Greensboro
- 006166
≈ Beau Vert
- 564A87
≈ Victoria
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.83:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.67:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 7.83:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--red-candle: #833c3d;
--red-candle-rgb: 131 60 61;
--red-candle-oklch: oklch(0.45 0.098 20.9);
}
.element {
color: var(--red-candle);
background-color: hsl(359 37% 37%);
border-color: oklch(0.45 0.098 20.9);
}Tailwind CSS v4
@theme {
--color-red-candle: #833c3d;
--color-red-candle-50: #ffebe8;
--color-red-candle-100: #ffdcd9;
--color-red-candle-200: #fcc5c1;
--color-red-candle-300: #e6a4a0;
--color-red-candle-400: #d28785;
--color-red-candle-500: #bf6a6a;
--color-red-candle-600: #a15a5a;
--color-red-candle-700: #814848;
--color-red-candle-800: #603435;
--color-red-candle-900: #432324;
--color-red-candle-950: #2b1213;
}SCSS
$red-candle: #833c3d;
$red-candle-rgb: 131, 60, 61;
$red-candle-light: mix(#fff, $red-candle, 20%);
$red-candle-dark: mix(#000, $red-candle, 20%);
.element {
color: $red-candle;
box-shadow: 0 0 0 2px rgba($red-candle, 0.35);
}