이름 색상 · #967B5D
Cocoa Pecan
Cocoa Pecan은(는) #967B5D: rgb(150 123 93), hsl(32 23% 48%), oklch(0.601 0.054 69.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cocoa Pecan color name →
#967B5D
oklch(0.601 0.054 69.5)
색상 변환
- HEX
- #967b5d
- RGB
- rgb(150 123 93)
- HSL
- hsl(32 23% 48%)
- HWB
- hwb(32 36% 41%)
- OKLCH
- oklch(0.601 0.054 69.5)
- OKLab
- oklab(0.601 0.019 0.051)
- CIE Lab
- lab(53.65 7.57 20.58)
- LCH
- lch(53.65 21.92 69.8)
- CMYK
- cmyk(0% 18% 38% 41%)
틴트 · 셰이드 · 톤
틴트
- A0886C
- AA947C
- B5A18C
- BFAE9B
- CABBAC
- D4C8BC
- DFD6CC
- E9E3DD
- F4F1EE
셰이드
- 826A50
- 6E5A43
- 5B4A37
- 493A2A
- 372C1F
- 261E14
- 16100A
- 080503
- 010100
톤
- 947C61
- 927C64
- 907D68
- 8D7D6C
- 8B7E6F
- 897E73
- 877F76
- 857F79
- 82807D
색 조화
보색 +180°
- 967B5D
Cocoa Pecan
- 6883A0
≈ Bay View
유사색 -30° +30°
- 967B5D
Cocoa Pecan
- 9E7668
≈ Equestrienne
- 88815C
≈ Tilleul de Noémie
삼각 배색 +120° +240°
- 967B5D
Cocoa Pecan
- 598B87
≈ Evora
- 8A7899
≈ Black Diamond Apple
분열 보색 +150° +210°
- 967B5D
Cocoa Pecan
- 5B8997
≈ Adriatic Blue
- 797DA1
≈ Bossa Nova Blue
사각 배색 +90° +180° +270°
- 967B5D
Cocoa Pecan
- 648B75
≈ Juniper Oil
- 6883A0
≈ Bay View
- 97748B
≈ Hidden Mask
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.97:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.28:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.28:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--cocoa-pecan: #967b5d;
--cocoa-pecan-rgb: 150 123 93;
--cocoa-pecan-oklch: oklch(0.601 0.054 69.5);
}
.element {
color: var(--cocoa-pecan);
background-color: hsl(32 23% 48%);
border-color: oklch(0.601 0.054 69.5);
}Tailwind CSS v4
@theme {
--color-cocoa-pecan: #967b5d;
--color-cocoa-pecan-50: #fff3e5;
--color-cocoa-pecan-100: #f4e5d5;
--color-cocoa-pecan-200: #e3d1bc;
--color-cocoa-pecan-300: #c9b39a;
--color-cocoa-pecan-400: #b4997c;
--color-cocoa-pecan-500: #9e805f;
--color-cocoa-pecan-600: #866c51;
--color-cocoa-pecan-700: #6b5740;
--color-cocoa-pecan-800: #4f3f2e;
--color-cocoa-pecan-900: #372b1f;
--color-cocoa-pecan-950: #22190f;
}SCSS
$cocoa-pecan: #967b5d;
$cocoa-pecan-rgb: 150, 123, 93;
$cocoa-pecan-light: mix(#fff, $cocoa-pecan, 20%);
$cocoa-pecan-dark: mix(#000, $cocoa-pecan, 20%);
.element {
color: $cocoa-pecan;
box-shadow: 0 0 0 2px rgba($cocoa-pecan, 0.35);
}