이름 색상 · #C36C2D
Warm Cream Spirit
Warm Cream Spirit은(는) #C36C2D: rgb(195 108 45), hsl(25 62% 47%), oklch(0.619 0.134 52.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Warm Cream Spirit color name →
#C36C2D
oklch(0.619 0.134 52.9)
색상 변환
- HEX
- #c36c2d
- RGB
- rgb(195 108 45)
- HSL
- hsl(25 62% 47%)
- HWB
- hwb(25 18% 24%)
- OKLCH
- oklch(0.619 0.134 52.9)
- OKLab
- oklab(0.619 0.081 0.107)
- CIE Lab
- lab(55.13 32.03 49.16)
- LCH
- lch(55.13 58.68 56.9)
- CMYK
- cmyk(0% 45% 77% 24%)
틴트 · 셰이드 · 톤
틴트
- CA7B46
- D18A5C
- D89871
- DEA785
- E4B699
- EAC4AD
- F0D3C1
- F5E1D6
- FAF0EA
셰이드
- A95D26
- 904E1F
- 784018
- 603211
- 4A250B
- 341906
- 200D02
- 0E0401
- 020000
톤
- BD6F39
- B77144
- B0744D
- AA7655
- A3785D
- 9D7A65
- 967C6C
- 8F7D73
- 887F79
색 조화
보색 +180°
- C36C2D
Warm Cream Spirit
- 0092C6
≈ Dynamic Blue
유사색 -30° +30°
- C36C2D
Warm Cream Spirit
- CA615F
≈ Pinkadelic
- AB7D00
≈ Brown Butter
삼각 배색 +120° +240°
- C36C2D
Warm Cream Spirit
- 009D7F
≈ Tropical Kelp
- 8A75CF
≈ True V
분열 보색 +150° +210°
- C36C2D
Warm Cream Spirit
- 0098A2
≈ Riviera Paradise
- 5A84D6
≈ Blue Jay
사각 배색 +90° +180° +270°
- C36C2D
Warm Cream Spirit
- 509A4D
≈ Wicked Witch
- 0092C6
≈ Dynamic Blue
- AC68B4
≈ Soft Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.81:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.50:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.50:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--warm-cream-spirit: #c36c2d;
--warm-cream-spirit-rgb: 195 108 45;
--warm-cream-spirit-oklch: oklch(0.619 0.134 52.9);
}
.element {
color: var(--warm-cream-spirit);
background-color: hsl(25 62% 47%);
border-color: oklch(0.619 0.134 52.9);
}Tailwind CSS v4
@theme {
--color-warm-cream-spirit: #c36c2d;
--color-warm-cream-spirit-50: #ffecd2;
--color-warm-cream-spirit-100: #ffddbe;
--color-warm-cream-spirit-200: #ffc69e;
--color-warm-cream-spirit-300: #eda574;
--color-warm-cream-spirit-400: #db864e;
--color-warm-cream-spirit-500: #c9681c;
--color-warm-cream-spirit-600: #a9591b;
--color-warm-cream-spirit-700: #884716;
--color-warm-cream-spirit-800: #66320f;
--color-warm-cream-spirit-900: #482209;
--color-warm-cream-spirit-950: #2e1100;
}SCSS
$warm-cream-spirit: #c36c2d;
$warm-cream-spirit-rgb: 195, 108, 45;
$warm-cream-spirit-light: mix(#fff, $warm-cream-spirit, 20%);
$warm-cream-spirit-dark: mix(#000, $warm-cream-spirit, 20%);
.element {
color: $warm-cream-spirit;
box-shadow: 0 0 0 2px rgba($warm-cream-spirit, 0.35);
}