이름 색상 · #C9543A
Cinnamon Stone
Cinnamon Stone은(는) #C9543A: rgb(201 84 58), hsl(11 57% 51%), oklch(0.593 0.155 34). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Cinnamon Stone color name →
#C9543A
oklch(0.593 0.155 34)
색상 변환
- HEX
- #c9543a
- RGB
- rgb(201 84 58)
- HSL
- hsl(11 57% 51%)
- HWB
- hwb(11 23% 21%)
- OKLCH
- oklch(0.593 0.155 34)
- OKLab
- oklab(0.593 0.128 0.087)
- CIE Lab
- lab(51.39 46.39 39.26)
- LCH
- lch(51.39 60.77 40.2)
- CMYK
- cmyk(0% 58% 71% 21%)
틴트 · 셰이드 · 톤
틴트
- D0664E
- D77862
- DE8975
- E49A89
- EAAB9C
- EFBCAF
- F4CDC3
- F8DDD7
- FCEEEB
셰이드
- AE4831
- 953C28
- 7C3120
- 642618
- 4C1B10
- 361109
- 220804
- 0F0201
- 020000
톤
- C35A43
- BC604B
- B66552
- AF6A59
- A86E60
- A17267
- 99766D
- 917A74
- 897D7A
색 조화
보색 +180°
- C9543A
Cinnamon Stone
- 008DA4
≈ Parrot Flight
유사색 -30° +30°
- C9543A
Cinnamon Stone
- C64F73
≈ Fruit Dove
- B46A00
≈ Brown Orange
삼각 배색 +120° +240°
- C9543A
Cinnamon Stone
- 009753
≈ Garnish
- 6373D9
≈ C64 Purple
분열 보색 +150° +210°
- C9543A
Cinnamon Stone
- 009285
≈ Deep Peacock Blue
- 0085CE
≈ Calgar Blue
사각 배색 +90° +180° +270°
- C9543A
Cinnamon Stone
- 6C8C00
≈ Asparagus Sultan
- 008DA4
≈ Parrot Flight
- 9362C8
≈ Amethyst
대비 및 접근성
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 {
--cinnamon-stone: #c9543a;
--cinnamon-stone-rgb: 201 84 58;
--cinnamon-stone-oklch: oklch(0.593 0.155 34);
}
.element {
color: var(--cinnamon-stone);
background-color: hsl(11 57% 51%);
border-color: oklch(0.593 0.155 34);
}Tailwind CSS v4
@theme {
--color-cinnamon-stone: #c9543a;
--color-cinnamon-stone-50: #ffe6d7;
--color-cinnamon-stone-100: #ffd6c4;
--color-cinnamon-stone-200: #ffbda6;
--color-cinnamon-stone-300: #fc9a7f;
--color-cinnamon-stone-400: #eb785e;
--color-cinnamon-stone-500: #d95639;
--color-cinnamon-stone-600: #b74a32;
--color-cinnamon-stone-700: #933b27;
--color-cinnamon-stone-800: #6e291d;
--color-cinnamon-stone-900: #4e1c13;
--color-cinnamon-stone-950: #330b05;
}SCSS
$cinnamon-stone: #c9543a;
$cinnamon-stone-rgb: 201, 84, 58;
$cinnamon-stone-light: mix(#fff, $cinnamon-stone, 20%);
$cinnamon-stone-dark: mix(#000, $cinnamon-stone, 20%);
.element {
color: $cinnamon-stone;
box-shadow: 0 0 0 2px rgba($cinnamon-stone, 0.35);
}