Benoemde kleur · #DCB68A
Brandy
Brandy is #DCB68A: rgb(220 182 138), hsl(32 54% 70%), oklch(0.799 0.073 70.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Brandy color name →
#DCB68A
oklch(0.799 0.073 70.6)
Kleurconversies
- HEX
- #dcb68a
- RGB
- rgb(220 182 138)
- HSL
- hsl(32 54% 70%)
- HWB
- hwb(32 54% 14%)
- OKLCH
- oklch(0.799 0.073 70.6)
- OKLab
- oklab(0.799 0.024 0.069)
- CIE Lab
- lab(76.68 9.74 27.85)
- LCH
- lch(76.68 29.51 70.7)
- CMYK
- cmyk(0% 17% 37% 14%)
Tinten · Schaduwen · Tonen
Tinten
- E0BD96
- E3C5A1
- E7CCAD
- EAD3B9
- EEDAC4
- F1E2D0
- F5E9DC
- F8F0E7
- FCF8F3
Schaduwen
- BF9E77
- A38665
- 886F53
- 6E5942
- 544432
- 3C3022
- 261D14
- 110C07
- 020201
Tonen
- D3B189
- C9AB89
- C0A688
- B6A087
- AD9B86
- A49585
- 9B9084
- 928B83
- 898581
Kleurharmonieën
Complementair +180°
- DCB68A
Brandy
- 9BC2EC
≈ Sail to the Sea
Analoog -30° +30°
- DCB68A
Brandy
- E7AE9A
≈ Pretty in Peach
- C8BF89
≈ Wheat Grass
Triadisch +120° +240°
- DCB68A
Brandy
- 84CDC8
≈ Surf Wash
- CCB1E1
≈ Sea Lavender
Gesplitst complementair +150° +210°
- DCB68A
Brandy
- 87C9DF
≈ Budgie Blue
- B4B9EC
≈ Perano
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.89:1 · APCA Lc 36
Ag
AAAOp zwart
WCAG 11.10:1 · APCA Lc 67
Beste tekstkleur: #000000
WCAG 11.10:1 (AAA) · APCA Lc 67
Contrast pairs
Codefragmenten
CSS
:root {
--brandy: #dcb68a;
--brandy-rgb: 220 182 138;
--brandy-oklch: oklch(0.799 0.073 70.6);
}
.element {
color: var(--brandy);
background-color: hsl(32 54% 70%);
border-color: oklch(0.799 0.073 70.6);
}Tailwind CSS v4
@theme {
--color-brandy: #dcb68a;
--color-brandy-50: #fff2df;
--color-brandy-100: #f7e5ce;
--color-brandy-200: #e8d0b3;
--color-brandy-300: #cfb28f;
--color-brandy-400: #ba976f;
--color-brandy-500: #a57e4e;
--color-brandy-600: #8c6b43;
--color-brandy-700: #705535;
--color-brandy-800: #533e26;
--color-brandy-900: #3a2a19;
--color-brandy-950: #24180a;
}SCSS
$brandy: #dcb68a;
$brandy-rgb: 220, 182, 138;
$brandy-light: mix(#fff, $brandy, 20%);
$brandy-dark: mix(#000, $brandy, 20%);
.element {
color: $brandy;
box-shadow: 0 0 0 2px rgba($brandy, 0.35);
}