이름 색상 · #C19A6C
Cardboard
Cardboard은(는) #C19A6C: rgb(193 154 108), hsl(32 41% 59%), oklch(0.711 0.077 70.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cardboard color name →
#C19A6C
oklch(0.711 0.077 70.7)
색상 변환
- HEX
- #c19a6c
- RGB
- rgb(193 154 108)
- HSL
- hsl(32 41% 59%)
- HWB
- hwb(32 42% 24%)
- OKLCH
- oklch(0.711 0.077 70.7)
- OKLab
- oklab(0.711 0.026 0.073)
- CIE Lab
- lab(66.47 10.59 29.94)
- LCH
- lch(66.47 31.76 70.5)
- CMYK
- cmyk(0% 20% 44% 24%)
틴트 · 셰이드 · 톤
틴트
- C7A47B
- CEAE89
- D4B898
- DAC2A6
- E0CCB5
- E6D6C4
- EDE0D2
- F3EAE1
- F9F5F0
셰이드
- A7855D
- 8F714E
- 775E40
- 5F4B32
- 493925
- 342719
- 20170D
- 0E0904
- 020100
톤
- BA986F
- B49571
- AD9273
- A79076
- A08D78
- 9A8B7A
- 93887B
- 8D857D
- 86837F
색 조화
보색 +180°
- C19A6C
Cardboard
- 7EA6D1
≈ Paula Loves Paris
유사색 -30° +30°
- C19A6C
Cardboard
- CC927D
≈ Simmering Ridge
- ACA46A
≈ Wavy Glass
삼각 배색 +120° +240°
- C19A6C
Cardboard
- 64B2AD
≈ Artesian Well
- B195C6
≈ Quibble
분열 보색 +150° +210°
- C19A6C
Cardboard
- 68ADC4
≈ Blue Mist
- 999DD2
≈ Bluebell Frost
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.59:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 8.10:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 8.10:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
CSS
:root {
--cardboard: #c19a6c;
--cardboard-rgb: 193 154 108;
--cardboard-oklch: oklch(0.711 0.077 70.7);
}
.element {
color: var(--cardboard);
background-color: hsl(32 41% 59%);
border-color: oklch(0.711 0.077 70.7);
}Tailwind CSS v4
@theme {
--color-cardboard: #c19a6c;
--color-cardboard-50: #fff2de;
--color-cardboard-100: #f8e4cc;
--color-cardboard-200: #e9d0b1;
--color-cardboard-300: #d0b28c;
--color-cardboard-400: #bc976c;
--color-cardboard-500: #a77d4b;
--color-cardboard-600: #8d6a40;
--color-cardboard-700: #715533;
--color-cardboard-800: #543d24;
--color-cardboard-900: #3b2a18;
--color-cardboard-950: #251809;
}SCSS
$cardboard: #c19a6c;
$cardboard-rgb: 193, 154, 108;
$cardboard-light: mix(#fff, $cardboard, 20%);
$cardboard-dark: mix(#000, $cardboard, 20%);
.element {
color: $cardboard;
box-shadow: 0 0 0 2px rgba($cardboard, 0.35);
}