이름 색상 · #BC9F7E
Cocoa Nib
Cocoa Nib은(는) #BC9F7E: rgb(188 159 126), hsl(32 32% 62%), oklch(0.72 0.057 70.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cocoa Nib color name →
#BC9F7E
oklch(0.72 0.057 70.3)
색상 변환
- HEX
- #bc9f7e
- RGB
- rgb(188 159 126)
- HSL
- hsl(32 32% 62%)
- HWB
- hwb(32 49% 26%)
- OKLCH
- oklch(0.72 0.057 70.3)
- OKLab
- oklab(0.72 0.019 0.054)
- CIE Lab
- lab(67.51 7.48 21.47)
- LCH
- lch(67.51 22.73 70.8)
- CMYK
- cmyk(0% 15% 33% 26%)
틴트 · 셰이드 · 톤
틴트
- C3A88B
- C9B297
- D0BBA4
- D7C5B1
- DDCEBD
- E4D8CA
- EBE2D7
- F2EBE4
- F8F5F2
셰이드
- A38A6D
- 8B755C
- 73614C
- 5D4D3C
- 473B2D
- 32291F
- 1F1811
- 0D0905
- 020101
톤
- B69C7E
- B0997F
- AA967F
- A49380
- 9E9080
- 988C80
- 928980
- 8C8680
- 868380
색 조화
보색 +180°
- BC9F7E
Cocoa Nib
- 8AA8C8
≈ Dresden Doll
유사색 -30° +30°
- BC9F7E
Cocoa Nib
- C5998A
≈ Persian Bazaar
- ACA67D
≈ Olive Tree
삼각 배색 +120° +240°
- BC9F7E
Cocoa Nib
- 7BB0AD
≈ Galaxy Green
- B09BC0
≈ Purple Springs
분열 보색 +150° +210°
- BC9F7E
Cocoa Nib
- 7CADBE
≈ Blue Eye Samurai
- 9DA1C8
≈ May Mist
사각 배색 +90° +180° +270°
- BC9F7E
Cocoa Nib
- 86B099
≈ Covent Garden
- 8AA8C8
≈ Dresden Doll
- BE97B0
≈ Cherished
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.50:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.39:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.39:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--cocoa-nib: #bc9f7e;
--cocoa-nib-rgb: 188 159 126;
--cocoa-nib-oklch: oklch(0.72 0.057 70.3);
}
.element {
color: var(--cocoa-nib);
background-color: hsl(32 32% 62%);
border-color: oklch(0.72 0.057 70.3);
}Tailwind CSS v4
@theme {
--color-cocoa-nib: #bc9f7e;
--color-cocoa-nib-50: #fff3e4;
--color-cocoa-nib-100: #f4e5d4;
--color-cocoa-nib-200: #e4d1ba;
--color-cocoa-nib-300: #cab398;
--color-cocoa-nib-400: #b4997a;
--color-cocoa-nib-500: #9f805c;
--color-cocoa-nib-600: #866c4f;
--color-cocoa-nib-700: #6b573f;
--color-cocoa-nib-800: #503f2d;
--color-cocoa-nib-900: #372b1e;
--color-cocoa-nib-950: #22190e;
}SCSS
$cocoa-nib: #bc9f7e;
$cocoa-nib-rgb: 188, 159, 126;
$cocoa-nib-light: mix(#fff, $cocoa-nib, 20%);
$cocoa-nib-dark: mix(#000, $cocoa-nib, 20%);
.element {
color: $cocoa-nib;
box-shadow: 0 0 0 2px rgba($cocoa-nib, 0.35);
}