이름 색상 · #A78045
Caramel Suede
Caramel Suede은(는) #A78045: rgb(167 128 69), hsl(36 42% 46%), oklch(0.625 0.091 76.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Caramel Suede color name →
#A78045
oklch(0.625 0.091 76.1)
색상 변환
- HEX
- #a78045
- RGB
- rgb(167 128 69)
- HSL
- hsl(36 42% 46%)
- HWB
- hwb(36 27% 35%)
- OKLCH
- oklch(0.625 0.091 76.1)
- OKLab
- oklab(0.625 0.022 0.088)
- CIE Lab
- lab(56.52 10.5 37.64)
- LCH
- lch(56.52 39.08 74.4)
- CMYK
- cmyk(0% 23% 59% 35%)
틴트 · 셰이드 · 톤
틴트
- B08C58
- B9996B
- C1A57D
- CAB28F
- D3BEA2
- DCCBB4
- E5D8C7
- EDE5D9
- F6F2EC
셰이드
- 916E3B
- 7B5D31
- 664D27
- 523D1E
- 3E2E15
- 2C1F0C
- 1A1205
- 0A0602
- 010100
톤
- A3804C
- 9F8053
- 9C815A
- 988160
- 948166
- 90816B
- 8C8171
- 888076
- 84807B
색 조화
보색 +180°
- A78045
Caramel Suede
- 638ABE
≈ Faded Blue
유사색 -30° +30°
- A78045
Caramel Suede
- B57658
≈ Campfire Blaze
- 8F8B47
≈ Cider Mill
삼각 배색 +120° +240°
- A78045
Caramel Suede
- 34999A
≈ Empress Envy
- 9D77AD
≈ Karma Chameleon
분열 보색 +150° +210°
- A78045
Caramel Suede
- 4293B2
≈ Enchanted Well
- 837FBC
≈ Faraway Sky
사각 배색 +90° +180° +270°
- A78045
Caramel Suede
- 4B997B
≈ Smaragdine
- 638ABE
≈ Faded Blue
- B07193
≈ So Long Shadow
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.61:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.81:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.81:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--caramel-suede: #a78045;
--caramel-suede-rgb: 167 128 69;
--caramel-suede-oklch: oklch(0.625 0.091 76.1);
}
.element {
color: var(--caramel-suede);
background-color: hsl(36 42% 46%);
border-color: oklch(0.625 0.091 76.1);
}Tailwind CSS v4
@theme {
--color-caramel-suede: #a78045;
--color-caramel-suede-50: #fff3d9;
--color-caramel-suede-100: #f9e5c7;
--color-caramel-suede-200: #ead0a9;
--color-caramel-suede-300: #d1b283;
--color-caramel-suede-400: #bd9760;
--color-caramel-suede-500: #a87d3a;
--color-caramel-suede-600: #8e6a33;
--color-caramel-suede-700: #725528;
--color-caramel-suede-800: #553d1c;
--color-caramel-suede-900: #3b2a12;
--color-caramel-suede-950: #251805;
}SCSS
$caramel-suede: #a78045;
$caramel-suede-rgb: 167, 128, 69;
$caramel-suede-light: mix(#fff, $caramel-suede, 20%);
$caramel-suede-dark: mix(#000, $caramel-suede, 20%);
.element {
color: $caramel-suede;
box-shadow: 0 0 0 2px rgba($caramel-suede, 0.35);
}