이름 색상 · #CC8149
Sticky Toffee
Sticky Toffee은(는) #CC8149: rgb(204 129 73), hsl(26 56% 54%), oklch(0.671 0.117 55.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Sticky Toffee color name →
#CC8149
oklch(0.671 0.117 55.8)
색상 변환
- HEX
- #cc8149
- RGB
- rgb(204 129 73)
- HSL
- hsl(26 56% 54%)
- HWB
- hwb(26 29% 20%)
- OKLCH
- oklch(0.671 0.117 55.8)
- OKLab
- oklab(0.671 0.066 0.097)
- CIE Lab
- lab(61.29 26.02 42.42)
- LCH
- lch(61.29 49.76 58.5)
- CMYK
- cmyk(0% 37% 64% 20%)
틴트 · 셰이드 · 톤
틴트
- D28E5C
- D89A6F
- DDA781
- E3B393
- E8C0A5
- EDCCB7
- F2D9C9
- F6E6DB
- FBF2ED
셰이드
- B16F3E
- 975E34
- 7E4E2A
- 653E20
- 4E2E17
- 371F0E
- 221206
- 0F0602
- 020100
톤
- C58150
- BD8257
- B6825D
- AF8263
- A78268
- 9F826E
- 988172
- 908177
- 88817C
색 조화
보색 +180°
- CC8149
Sticky Toffee
- 3FA0D4
≈ Peaceful River
유사색 -30° +30°
- CC8149
Sticky Toffee
- D4776F
≈ Light Tomato
- B69033
≈ Hokey Pokey
삼각 배색 +120° +240°
- CC8149
Sticky Toffee
- 25AD92
≈ Wells of Wonder
- 9C86D5
≈ Indigo Bloom
분열 보색 +150° +210°
- CC8149
Sticky Toffee
- 00A9B8
≈ Bluebird
- 7393DE
≈ Little Boy Blue
사각 배색 +90° +180° +270°
- CC8149
Sticky Toffee
- 63A968
≈ Deep Mint
- 3FA0D4
≈ Peaceful River
- BA7BBC
≈ Colombo Red Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.08:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.80:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.80:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--sticky-toffee: #cc8149;
--sticky-toffee-rgb: 204 129 73;
--sticky-toffee-oklch: oklch(0.671 0.117 55.8);
}
.element {
color: var(--sticky-toffee);
background-color: hsl(26 56% 54%);
border-color: oklch(0.671 0.117 55.8);
}Tailwind CSS v4
@theme {
--color-sticky-toffee: #cc8149;
--color-sticky-toffee-50: #ffeed5;
--color-sticky-toffee-100: #ffdfc2;
--color-sticky-toffee-200: #fbc8a3;
--color-sticky-toffee-300: #e5a97b;
--color-sticky-toffee-400: #d38b57;
--color-sticky-toffee-500: #c06f2d;
--color-sticky-toffee-600: #a25e28;
--color-sticky-toffee-700: #824b20;
--color-sticky-toffee-800: #613616;
--color-sticky-toffee-900: #44250e;
--color-sticky-toffee-950: #2c1302;
}SCSS
$sticky-toffee: #cc8149;
$sticky-toffee-rgb: 204, 129, 73;
$sticky-toffee-light: mix(#fff, $sticky-toffee, 20%);
$sticky-toffee-dark: mix(#000, $sticky-toffee, 20%);
.element {
color: $sticky-toffee;
box-shadow: 0 0 0 2px rgba($sticky-toffee, 0.35);
}