이름 색상 · #C2852E
Simply Sienna
Simply Sienna은(는) #C2852E: rgb(194 133 46), hsl(35 62% 47%), oklch(0.663 0.124 71.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Simply Sienna color name →
#C2852E
oklch(0.663 0.124 71.6)
색상 변환
- HEX
- #c2852e
- RGB
- rgb(194 133 46)
- HSL
- hsl(35 62% 47%)
- HWB
- hwb(35 18% 24%)
- OKLCH
- oklch(0.663 0.124 71.6)
- OKLab
- oklab(0.663 0.039 0.118)
- CIE Lab
- lab(60.77 18.66 53.91)
- LCH
- lch(60.77 57.05 70.9)
- CMYK
- cmyk(0% 31% 76% 24%)
틴트 · 셰이드 · 톤
틴트
- C99149
- CF9D5F
- D5AA74
- DCB688
- E2C29C
- E8CEB0
- EEDAC4
- F4E6D7
- F9F3EB
셰이드
- A87327
- 8F611F
- 775018
- 604012
- 49300B
- 342106
- 201302
- 0E0601
- 020100
톤
- BC853B
- B58546
- AF8550
- A88458
- A28460
- 9B8367
- 94836E
- 8E8274
- 87817A
색 조화
보색 +180°
- C2852E
Simply Sienna
- 5697DD
≈ Little Boy Blue
유사색 -30° +30°
- C2852E
Simply Sienna
- D27754
≈ Clay Mug
- A39529
≈ Rapeseed Oil
삼각 배색 +120° +240°
- C2852E
Simply Sienna
- 00A9A5
≈ Jade Orchid
- AC7CCB
≈ Wisteria
분열 보색 +150° +210°
- C2852E
Simply Sienna
- 00A3C8
≈ Cyan Blue
- 8789DD
≈ Indigo Bloom
사각 배색 +90° +180° +270°
- C2852E
Simply Sienna
- 3AAA7B
≈ Jubilant Jade
- 5697DD
≈ Little Boy Blue
- C673A9
≈ Bishop Red
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.13:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.68:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.68:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--simply-sienna: #c2852e;
--simply-sienna-rgb: 194 133 46;
--simply-sienna-oklch: oklch(0.663 0.124 71.6);
}
.element {
color: var(--simply-sienna);
background-color: hsl(35 62% 47%);
border-color: oklch(0.663 0.124 71.6);
}Tailwind CSS v4
@theme {
--color-simply-sienna: #c2852e;
--color-simply-sienna-50: #fff1cf;
--color-simply-sienna-100: #ffe2bb;
--color-simply-sienna-200: #f5cd99;
--color-simply-sienna-300: #deae6d;
--color-simply-sienna-400: #cc9143;
--color-simply-sienna-500: #b87600;
--color-simply-sienna-600: #9b6400;
--color-simply-sienna-700: #7d5004;
--color-simply-sienna-800: #5d3903;
--color-simply-sienna-900: #412703;
--color-simply-sienna-950: #2a1500;
}SCSS
$simply-sienna: #c2852e;
$simply-sienna-rgb: 194, 133, 46;
$simply-sienna-light: mix(#fff, $simply-sienna, 20%);
$simply-sienna-dark: mix(#000, $simply-sienna, 20%);
.element {
color: $simply-sienna;
box-shadow: 0 0 0 2px rgba($simply-sienna, 0.35);
}