이름 색상 · #5E4C48
Cafe Expreso
Cafe Expreso은(는) #5E4C48: rgb(94 76 72), hsl(11 13% 33%), oklch(0.434 0.025 32.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Cafe Expreso color name →
#5E4C48
oklch(0.434 0.025 32.7)
색상 변환
- HEX
- #5e4c48
- RGB
- rgb(94 76 72)
- HSL
- hsl(11 13% 33%)
- HWB
- hwb(11 28% 63%)
- OKLCH
- oklch(0.434 0.025 32.7)
- OKLab
- oklab(0.434 0.021 0.014)
- CIE Lab
- lab(34.12 7.3 5.39)
- LCH
- lch(34.12 9.07 36.4)
- CMYK
- cmyk(0% 19% 23% 63%)
틴트 · 셰이드 · 톤
틴트
- 6D5C58
- 7C6D69
- 8C7E7B
- 9B8F8C
- ABA19F
- BCB3B1
- CCC6C4
- DDD8D7
- EEECEB
셰이드
- 51413D
- 443633
- 372C29
- 2B221F
- 1F1816
- 140F0D
- 0A0606
- 030202
- 000000
톤
- 61514D
- 655653
- 685B58
- 6C605E
- 6F6663
- 726B69
- 76706F
- 797574
- 7D7B7A
색 조화
보색 +180°
- 5E4C48
Cafe Expreso
- 415559
≈ Casal
유사색 -30° +30°
- 5E4C48
Cafe Expreso
- 5D4B4F
≈ Raisin
- 5B4E43
≈ Warm Pumpernickel
삼각 배색 +120° +240°
- 5E4C48
Cafe Expreso
- 47554A
≈ Huntington Woods
- 4C505F
≈ Senate
분열 보색 +150° +210°
- 5E4C48
Cafe Expreso
- 425652
≈ Orkhide Shade
- 45535E
≈ Nightfall
사각 배색 +90° +180° +270°
- 5E4C48
Cafe Expreso
- 4E5344
≈ Forestwood
- 415559
≈ Casal
- 534E5D
≈ Salvation
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.06:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.60:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.06:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--cafe-expreso: #5e4c48;
--cafe-expreso-rgb: 94 76 72;
--cafe-expreso-oklch: oklch(0.434 0.025 32.7);
}
.element {
color: var(--cafe-expreso);
background-color: hsl(11 13% 33%);
border-color: oklch(0.434 0.025 32.7);
}Tailwind CSS v4
@theme {
--color-cafe-expreso: #5e4c48;
--color-cafe-expreso-50: #fcf3f0;
--color-cafe-expreso-100: #f0e5e2;
--color-cafe-expreso-200: #dfd1cd;
--color-cafe-expreso-300: #c4b3af;
--color-cafe-expreso-400: #ad9995;
--color-cafe-expreso-500: #96807c;
--color-cafe-expreso-600: #7f6d69;
--color-cafe-expreso-700: #665754;
--color-cafe-expreso-800: #4b3f3d;
--color-cafe-expreso-900: #342c2a;
--color-cafe-expreso-950: #1f1918;
}SCSS
$cafe-expreso: #5e4c48;
$cafe-expreso-rgb: 94, 76, 72;
$cafe-expreso-light: mix(#fff, $cafe-expreso, 20%);
$cafe-expreso-dark: mix(#000, $cafe-expreso, 20%);
.element {
color: $cafe-expreso;
box-shadow: 0 0 0 2px rgba($cafe-expreso, 0.35);
}