Benannte Farbe · #BC9F7E
Cocoa Nib
Cocoa Nib ist #BC9F7E: rgb(188 159 126), hsl(32 32% 62%), oklch(0.72 0.057 70.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Cocoa Nib color name →
#BC9F7E
oklch(0.72 0.057 70.3)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- C3A88B
- C9B297
- D0BBA4
- D7C5B1
- DDCEBD
- E4D8CA
- EBE2D7
- F2EBE4
- F8F5F2
Shades
- A38A6D
- 8B755C
- 73614C
- 5D4D3C
- 473B2D
- 32291F
- 1F1811
- 0D0905
- 020101
Tones
- B69C7E
- B0997F
- AA967F
- A49380
- 9E9080
- 988C80
- 928980
- 8C8680
- 868380
Farbharmonien
Komplementär +180°
- BC9F7E
Cocoa Nib
- 8AA8C8
≈ Dresden Doll
Analog -30° +30°
- BC9F7E
Cocoa Nib
- C5998A
≈ Persian Bazaar
- ACA67D
≈ Olive Tree
Triadisch +120° +240°
- BC9F7E
Cocoa Nib
- 7BB0AD
≈ Galaxy Green
- B09BC0
≈ Purple Springs
Geteilt komplementär +150° +210°
- BC9F7E
Cocoa Nib
- 7CADBE
≈ Blue Eye Samurai
- 9DA1C8
≈ May Mist
Tetradisch +90° +180° +270°
- BC9F7E
Cocoa Nib
- 86B099
≈ Covent Garden
- 8AA8C8
≈ Dresden Doll
- BE97B0
≈ Cherished
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.50:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.39:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.39:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
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);
}