이름 색상 · #725042

Coffee Shop

Coffee Shop은(는) #725042: rgb(114 80 66), hsl(17 27% 35%), oklch(0.464 0.051 43.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Coffee Shop color name →

#725042

oklch(0.464 0.051 43.3)

색상 변환

HEX: #725042
RGB: rgb(114 80 66)
HSL: hsl(17 27% 35%)
HWB: hwb(17 26% 55%)
OKLCH: oklch(0.464 0.051 43.3)
OKLab: oklab(0.464 0.037 0.035)
CIE Lab: lab(37.53 13.28 14.24)
LCH: lch(37.53 19.47 47)
CMYK: cmyk(0% 30% 42% 55%)

틴트 · 셰이드 · 톤

틴트

806053
8D7065
9B8177
A99289
B7A49C
C5B5AF
D4C7C2
E2DAD6
F0ECEA

셰이드

624438
53392F
442E25
36241C
281A14
1B100B
0E0705
040201
010000

톤

745548
755A4E
775E54
78635B
7A6861
7B6D67
7D726D
7E7673
7F7B7A

색 조화

보색 +180°

725042
Coffee Shop
37606E
≈ Bermudan Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 7.13:1 · APCA Lc 85

AAA

검은색 위

WCAG 2.94:1 · APCA Lc 17

Fail

가장 좋은 글자색: #FFFFFF

WCAG 7.13:1 (AAA) · APCA Lc 85

Contrast pairs

코드 스니펫

CSS

:root {
  --coffee-shop: #725042;
  --coffee-shop-rgb: 114 80 66;
  --coffee-shop-oklch: oklch(0.464 0.051 43.3);
}

.element {
  color: var(--coffee-shop);
  background-color: hsl(17 27% 35%);
  border-color: oklch(0.464 0.051 43.3);
}

Tailwind CSS v4

@theme {
  --color-coffee-shop: #725042;
  --color-coffee-shop-50: #fff1e9;
  --color-coffee-shop-100: #f7e3da;
  --color-coffee-shop-200: #e8cec3;
  --color-coffee-shop-300: #cfb0a2;
  --color-coffee-shop-400: #b99587;
  --color-coffee-shop-500: #a47c6b;
  --color-coffee-shop-600: #8b695b;
  --color-coffee-shop-700: #6f5448;
  --color-coffee-shop-800: #523d35;
  --color-coffee-shop-900: #392a24;
  --color-coffee-shop-950: #231713;
}

SCSS

$coffee-shop: #725042;
$coffee-shop-rgb: 114, 80, 66;
$coffee-shop-light: mix(#fff, $coffee-shop, 20%);
$coffee-shop-dark: mix(#000, $coffee-shop, 20%);

.element {
  color: $coffee-shop;
  box-shadow: 0 0 0 2px rgba($coffee-shop, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API