이름 색상 · #B1635E
Sienna Red
Sienna Red은(는) #B1635E: rgb(177 99 94), hsl(4 35% 53%), oklch(0.587 0.102 24.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Sienna Red color name →
#B1635E
oklch(0.587 0.102 24.5)
색상 변환
- HEX
- #b1635e
- RGB
- rgb(177 99 94)
- HSL
- hsl(4 35% 53%)
- HWB
- hwb(4 37% 31%)
- OKLCH
- oklch(0.587 0.102 24.5)
- OKLab
- oklab(0.587 0.093 0.042)
- CIE Lab
- lab(51.16 31.79 17.42)
- LCH
- lch(51.16 36.25 28.7)
- CMYK
- cmyk(0% 44% 47% 31%)
틴트 · 셰이드 · 톤
틴트
- BA726D
- C2827C
- CB918C
- D3A09C
- DBB0AC
- E2BFBC
- EACFCC
- F1DFDD
- F8EFEE
셰이드
- 995551
- 834744
- 6C3A37
- 572E2B
- 42211F
- 2F1614
- 1C0B0A
- 0C0303
- 010000
톤
- AD6662
- A86A65
- A46D69
- 9F706C
- 9B736F
- 967673
- 917876
- 8B7B79
- 867E7D
색 조화
보색 +180°
- B1635E
Sienna Red
- 008D98
≈ Tempo Teal
유사색 -30° +30°
- B1635E
Sienna Red
- AB6280
≈ Daah-Ling
- AB6B3E
≈ Bourbon
삼각 배색 +120° +240°
- B1635E
Sienna Red
- 548C55
≈ Middle Green
- 5E7BB9
≈ Blue Android Base
분열 보색 +150° +210°
- B1635E
Sienna Red
- 239078
≈ Illuminating Emerald
- 3386B0
≈ Blue Splash
사각 배색 +90° +180° +270°
- B1635E
Sienna Red
- 7B8336
≈ Laird
- 008D98
≈ Tempo Teal
- 8070B3
≈ Plum Preserve
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.36:1 · APCA Lc 70
Ag
AA검은색 위
WCAG 4.81:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.81:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
CSS
:root {
--sienna-red: #b1635e;
--sienna-red-rgb: 177 99 94;
--sienna-red-oklch: oklch(0.587 0.102 24.5);
}
.element {
color: var(--sienna-red);
background-color: hsl(4 35% 53%);
border-color: oklch(0.587 0.102 24.5);
}Tailwind CSS v4
@theme {
--color-sienna-red: #b1635e;
--color-sienna-red-50: #ffebe6;
--color-sienna-red-100: #ffdcd6;
--color-sienna-red-200: #fdc4bd;
--color-sienna-red-300: #e7a49c;
--color-sienna-red-400: #d48680;
--color-sienna-red-500: #c06964;
--color-sienna-red-600: #a35a55;
--color-sienna-red-700: #834744;
--color-sienna-red-800: #613332;
--color-sienna-red-900: #442322;
--color-sienna-red-950: #2c1211;
}SCSS
$sienna-red: #b1635e;
$sienna-red-rgb: 177, 99, 94;
$sienna-red-light: mix(#fff, $sienna-red, 20%);
$sienna-red-dark: mix(#000, $sienna-red, 20%);
.element {
color: $sienna-red;
box-shadow: 0 0 0 2px rgba($sienna-red, 0.35);
}