Benoemde kleur · #BF6553
Apricot Brandy
Apricot Brandy is #BF6553: rgb(191 101 83), hsl(10 46% 54%), oklch(0.607 0.119 32.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Apricot Brandy color name →
#BF6553
oklch(0.607 0.119 32.5)
Kleurconversies
- HEX
- #bf6553
- RGB
- rgb(191 101 83)
- HSL
- hsl(10 46% 54%)
- HWB
- hwb(10 33% 25%)
- OKLCH
- oklch(0.607 0.119 32.5)
- OKLab
- oklab(0.607 0.101 0.064)
- CIE Lab
- lab(53.43 35.59 27.2)
- LCH
- lch(53.43 44.79 37.4)
- CMYK
- cmyk(0% 47% 57% 25%)
Tinten · Schaduwen · Tonen
Tinten
- C77564
- CE8474
- D59385
- DCA296
- E3B2A7
- E9C1B8
- EFD0CA
- F5E0DB
- FAEFED
Schaduwen
- A65747
- 8D493B
- 753C30
- 5E2F25
- 48221B
- 331711
- 1F0C08
- 0D0302
- 020000
Tonen
- B96958
- B46C5D
- AE6F62
- A87266
- A2746B
- 9C776F
- 957973
- 8E7C78
- 877E7C
Kleurharmonieën
Complementair +180°
- BF6553
Apricot Brandy
- 0092A8
≈ Brilliant
Analoog -30° +30°
- BF6553
Apricot Brandy
- BC617C
≈ Raspberry Parfait
- B4702A
≈ Hardy Clay
Triadisch +120° +240°
- BF6553
Apricot Brandy
- 41975E
≈ Eucalyptus
- 6A7CCA
≈ Kickstart Purple
Gesplitst complementair +150° +210°
- BF6553
Apricot Brandy
- 009788
≈ Intense Teal
- 358AC4
≈ Pat-A-Pep
Tetradisch +90° +180° +270°
- BF6553
Apricot Brandy
- 768D34
≈ Sassy Grass
- 0092A8
≈ Brilliant
- 9070BD
≈ Middle Blue Purple
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.03:1 · APCA Lc 67
Ag
AAOp zwart
WCAG 5.20:1 · APCA Lc 34
Beste tekstkleur: #000000
WCAG 5.20:1 (AA) · APCA Lc 34
Contrast pairs
Codefragmenten
CSS
:root {
--apricot-brandy: #bf6553;
--apricot-brandy-rgb: 191 101 83;
--apricot-brandy-oklch: oklch(0.607 0.119 32.5);
}
.element {
color: var(--apricot-brandy);
background-color: hsl(10 46% 54%);
border-color: oklch(0.607 0.119 32.5);
}Tailwind CSS v4
@theme {
--color-apricot-brandy: #bf6553;
--color-apricot-brandy-50: #ffeadf;
--color-apricot-brandy-100: #ffdbce;
--color-apricot-brandy-200: #ffc3b3;
--color-apricot-brandy-300: #eea18e;
--color-apricot-brandy-400: #db8371;
--color-apricot-brandy-500: #c86551;
--color-apricot-brandy-600: #a95645;
--color-apricot-brandy-700: #884437;
--color-apricot-brandy-800: #653128;
--color-apricot-brandy-900: #47211b;
--color-apricot-brandy-950: #2e100c;
}SCSS
$apricot-brandy: #bf6553;
$apricot-brandy-rgb: 191, 101, 83;
$apricot-brandy-light: mix(#fff, $apricot-brandy, 20%);
$apricot-brandy-dark: mix(#000, $apricot-brandy, 20%);
.element {
color: $apricot-brandy;
box-shadow: 0 0 0 2px rgba($apricot-brandy, 0.35);
}