Benoemde kleur · #BD9B78
Corky
Corky is #BD9B78: rgb(189 155 120), hsl(30 34% 61%), oklch(0.712 0.063 67.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Corky color name →
#BD9B78
oklch(0.712 0.063 67.3)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- C4A585
- CAAF92
- D1B8A0
- D8C2AD
- DECCBA
- E5D6C8
- EBE0D6
- F2EBE3
- F8F5F1
Schaduwen
- A48667
- 8C7257
- 745E48
- 5D4B39
- 47392A
- 33281D
- 1F1810
- 0D0905
- 020101
Tonen
- B79879
- B1967A
- AB937B
- A4907C
- 9E8E7D
- 988B7E
- 92887E
- 8C867F
- 868380
Kleurharmonieën
Complementair +180°
- BD9B78
Corky
- 83A6C8
≈ High Tide
Analoog -30° +30°
- BD9B78
Corky
- C69586
≈ Café Crème
- ADA375
≈ Throw Rug
Triadisch +120° +240°
Gesplitst complementair +150° +210°
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.58:1 · APCA Lc 50
Ag
AAAOp zwart
WCAG 8.12:1 · APCA Lc 51
Beste tekstkleur: #000000
WCAG 8.12:1 (AAA) · APCA Lc 51
Contrast pairs
Codefragmenten
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);
}