Named color · #BD9B78
Corky
Corky is #BD9B78: rgb(189 155 120), hsl(30 34% 61%), oklch(0.712 0.063 67.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Corky color name →
#BD9B78
oklch(0.712 0.063 67.3)
Color conversions
- HEX
- #bd9b78
- RGB
- rgb(189 155 120)
- HSL
- hsl(30 34% 61%)
- HWB
- hwb(30 47% 26%)
- OKLCH
- oklch(0.712 0.063 67.3)
- OKLab
- oklab(0.712 0.024 0.058)
- CIE Lab
- lab(66.49 9.41 23.4)
- LCH
- lch(66.49 25.22 68.1)
- CMYK
- cmyk(0% 18% 37% 26%)
Tints · Shades · Tones
Tints
- C4A585
- CAAF92
- D1B8A0
- D8C2AD
- DECCBA
- E5D6C8
- EBE0D6
- F2EBE3
- F8F5F1
Shades
- A48667
- 8C7257
- 745E48
- 5D4B39
- 47392A
- 33281D
- 1F1810
- 0D0905
- 020101
Tones
- B79879
- B1967A
- AB937B
- A4907C
- 9E8E7D
- 988B7E
- 92887E
- 8C867F
- 868380
Color harmonies
Complementary +180°
- BD9B78
Corky
- 83A6C8
≈ High Tide
Analogous -30° +30°
- BD9B78
Corky
- C69586
≈ Café Crème
- ADA375
≈ Throw Rug
Triadic +120° +240°
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.58:1 · APCA Lc 50
Ag
AAAOn black
WCAG 8.12:1 · APCA Lc 51
Best text color: #000000
WCAG 8.12:1 (AAA) · APCA Lc 51
Contrast pairs
Code snippets
CSS
:root {
--corky: #bd9b78;
--corky-rgb: 189 155 120;
--corky-oklch: oklch(0.712 0.063 67.3);
}
.element {
color: var(--corky);
background-color: hsl(30 34% 61%);
border-color: oklch(0.712 0.063 67.3);
}Tailwind CSS v4
@theme {
--color-corky: #bd9b78;
--color-corky-50: #fff2e2;
--color-corky-100: #f6e5d2;
--color-corky-200: #e6d0b8;
--color-corky-300: #cdb295;
--color-corky-400: #b89877;
--color-corky-500: #a27e58;
--color-corky-600: #896b4b;
--color-corky-700: #6e563c;
--color-corky-800: #523e2b;
--color-corky-900: #392b1d;
--color-corky-950: #23180d;
}SCSS
$corky: #bd9b78;
$corky-rgb: 189, 155, 120;
$corky-light: mix(#fff, $corky, 20%);
$corky-dark: mix(#000, $corky, 20%);
.element {
color: $corky;
box-shadow: 0 0 0 2px rgba($corky, 0.35);
}