이름 색상 · #C19156
Twine
Twine은(는) #C19156: rgb(193 145 86), hsl(33 46% 55%), oklch(0.69 0.096 70.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Twine color name →
#C19156
oklch(0.69 0.096 70.8)
색상 변환
- HEX
- #c19156
- RGB
- rgb(193 145 86)
- HSL
- hsl(33 46% 55%)
- HWB
- hwb(33 34% 24%)
- OKLCH
- oklch(0.69 0.096 70.8)
- OKLab
- oklab(0.69 0.032 0.091)
- CIE Lab
- lab(63.94 13.75 38.4)
- LCH
- lch(63.94 40.79 70.3)
- CMYK
- cmyk(0% 25% 55% 24%)
틴트 · 셰이드 · 톤
틴트
- C79C68
- CEA779
- D4B289
- DABD9A
- E1C8AB
- E7D3BB
- EDDECC
- F3E9DD
- F9F4EE
셰이드
- A77D4A
- 8F6A3E
- 775832
- 5F4627
- 49351C
- 342512
- 201508
- 0E0702
- 020100
톤
- BB905C
- B48E61
- AE8C65
- A78B6A
- A1896E
- 9A8772
- 948676
- 8D8479
- 87827D
색 조화
보색 +180°
- C19156
Twine
- 6DA0D5
≈ Blue Electress
유사색 -30° +30°
- C19156
Twine
- CE876D
≈ Subdued Sienna
- A89D54
≈ Organic Matter
삼각 배색 +120° +240°
분열 보색 +150° +210°
- C19156
Twine
- 4DA9C5
≈ Dragonfly Blue
- 9094D6
≈ Portage
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.81:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.45:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.45:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--twine: #c19156;
--twine-rgb: 193 145 86;
--twine-oklch: oklch(0.69 0.096 70.8);
}
.element {
color: var(--twine);
background-color: hsl(33 46% 55%);
border-color: oklch(0.69 0.096 70.8);
}Tailwind CSS v4
@theme {
--color-twine: #c19156;
--color-twine-50: #fff2d8;
--color-twine-100: #fce4c6;
--color-twine-200: #eecfa8;
--color-twine-300: #d6b081;
--color-twine-400: #c2955d;
--color-twine-500: #ae7a37;
--color-twine-600: #936830;
--color-twine-700: #765326;
--color-twine-800: #583c1a;
--color-twine-900: #3d2911;
--color-twine-950: #271704;
}SCSS
$twine: #c19156;
$twine-rgb: 193, 145, 86;
$twine-light: mix(#fff, $twine, 20%);
$twine-dark: mix(#000, $twine, 20%);
.element {
color: $twine;
box-shadow: 0 0 0 2px rgba($twine, 0.35);
}