이름 색상 · #D5B59C
Kraft Paper
Kraft Paper은(는) #D5B59C: rgb(213 181 156), hsl(26 40% 72%), oklch(0.794 0.05 60). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Kraft Paper color name →
#D5B59C
oklch(0.794 0.05 60)
색상 변환
- HEX
- #d5b59c
- RGB
- rgb(213 181 156)
- HSL
- hsl(26 40% 72%)
- HWB
- hwb(26 61% 16%)
- OKLCH
- oklch(0.794 0.05 60)
- OKLab
- oklab(0.794 0.025 0.044)
- CIE Lab
- lab(76.04 9.14 17.29)
- LCH
- lch(76.04 19.56 62.1)
- CMYK
- cmyk(0% 15% 27% 16%)
틴트 · 셰이드 · 톤
틴트
- D9BCA6
- DEC4AF
- E2CBB9
- E6D2C3
- EADACD
- EEE1D7
- F3E8E1
- F7F0EB
- FBF7F5
셰이드
- B99D87
- 9E8673
- 836F5F
- 6A594C
- 514439
- 3A3028
- 241D18
- 100C09
- 020201
톤
- CCB099
- C4AA97
- BBA594
- B2A091
- AA9A8E
- A1958B
- 999089
- 918A86
- 888583
색 조화
보색 +180°
- D5B59C
Kraft Paper
- 9FC1DA
≈ Charismatic Sky
유사색 -30° +30°
- D5B59C
Kraft Paper
- DBB1A9
≈ Borlotti Bean
- C8BB98
≈ Stone Guardians
삼각 배색 +120° +240°
- D5B59C
Kraft Paper
- 99C7BD
≈ Cool Juniper
- C1B5D8
≈ Plumeria
분열 보색 +150° +210°
- D5B59C
Kraft Paper
- 97C5CE
≈ Adriatic Haze
- AFBBDD
≈ Lilac Flare
사각 배색 +90° +180° +270°
- D5B59C
Kraft Paper
- A6C6AB
≈ Green Bark
- 9FC1DA
≈ Charismatic Sky
- CFB1CC
≈ Lavender Knoll
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.92:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.91:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.91:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--kraft-paper: #d5b59c;
--kraft-paper-rgb: 213 181 156;
--kraft-paper-oklch: oklch(0.794 0.05 60);
}
.element {
color: var(--kraft-paper);
background-color: hsl(26 40% 72%);
border-color: oklch(0.794 0.05 60);
}Tailwind CSS v4
@theme {
--color-kraft-paper: #d5b59c;
--color-kraft-paper-50: #fff2e7;
--color-kraft-paper-100: #f5e5d7;
--color-kraft-paper-200: #e5d0bf;
--color-kraft-paper-300: #cbb29e;
--color-kraft-paper-400: #b59881;
--color-kraft-paper-500: #a07f64;
--color-kraft-paper-600: #876b55;
--color-kraft-paper-700: #6c5644;
--color-kraft-paper-800: #503e31;
--color-kraft-paper-900: #382b21;
--color-kraft-paper-950: #221811;
}SCSS
$kraft-paper: #d5b59c;
$kraft-paper-rgb: 213, 181, 156;
$kraft-paper-light: mix(#fff, $kraft-paper, 20%);
$kraft-paper-dark: mix(#000, $kraft-paper, 20%);
.element {
color: $kraft-paper;
box-shadow: 0 0 0 2px rgba($kraft-paper, 0.35);
}