Dichtstbijzijnde benoemde kleur · #BBA85D
#BBA85D
Dichtstbijzijnde benoemde kleur: Canadian Maple
#BBA85D (rgb(187 168 93), hsl(48 41% 55%), oklch(0.732 0.098 95.5)) komt het dichtst bij de benoemde kleur Canadian Maple. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#BBA85D
oklch(0.732 0.098 95.5)
Kleurconversies
- HEX
- #bba85d
- RGB
- rgb(187 168 93)
- HSL
- hsl(48 41% 55%)
- HWB
- hwb(48 36% 27%)
- OKLCH
- oklch(0.732 0.098 95.5)
- OKLab
- oklab(0.732 -0.009 0.098)
- CIE Lab
- lab(69.32 -0.17 41.03)
- LCH
- lch(69.32 41.03 90.2)
- CMYK
- cmyk(0% 10% 50% 27%)
Tinten · Schaduwen · Tonen
Tinten
- C2B16E
- C8B97F
- CFC28F
- D6CB9F
- DCD3AF
- E3DCBF
- EAE5CF
- F1EDDF
- F8F6EF
Schaduwen
- A29250
- 8A7C43
- 736737
- 5C522A
- 463F1F
- 322C14
- 1F1A0A
- 0D0A03
- 020100
Tonen
- B5A462
- AFA067
- A99C6B
- A3986F
- 9D9472
- 979075
- 918C78
- 8B887B
- 86847E
Kleurharmonieën
Complementair +180°
- BBA85D
Canadian Maple
- 97A3E6
≈ Dalmatian Sage
Analoog -30° +30°
- BBA85D
Canadian Maple
- D39C64
≈ Golden Aura
- 99B36E
≈ Florence
Triadisch +120° +240°
- BBA85D
Canadian Maple
- 54B8CF
≈ Liquid Blue
- CF91C0
≈ Carnation Rose
Gesplitst complementair +150° +210°
- BBA85D
Canadian Maple
- 72AFE2
≈ Lucea
- B798DA
≈ Lenurple
Tetradisch +90° +180° +270°
- BBA85D
Canadian Maple
- 54BCB1
≈ Tropical Escape
- 97A3E6
≈ Dalmatian Sage
- DD8E9F
≈ Sugar Tooth
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.36:1 · APCA Lc 47
Ag
AAAOp zwart
WCAG 8.87:1 · APCA Lc 55
Beste tekstkleur: #000000
WCAG 8.87:1 (AAA) · APCA Lc 55
Contrast pairs
Codefragmenten
CSS
:root {
--canadian-maple: #bba85d;
--canadian-maple-rgb: 187 168 93;
--canadian-maple-oklch: oklch(0.732 0.098 95.5);
}
.element {
color: var(--canadian-maple);
background-color: hsl(48 41% 55%);
border-color: oklch(0.732 0.098 95.5);
}Tailwind CSS v4
@theme {
--color-canadian-maple: #bba85d;
--color-canadian-maple-50: #fcf6d6;
--color-canadian-maple-100: #f0e9c4;
--color-canadian-maple-200: #dfd5a5;
--color-canadian-maple-300: #c5b87e;
--color-canadian-maple-400: #b09e58;
--color-canadian-maple-500: #9a852e;
--color-canadian-maple-600: #827129;
--color-canadian-maple-700: #685a20;
--color-canadian-maple-800: #4e4115;
--color-canadian-maple-900: #362d0d;
--color-canadian-maple-950: #211a02;
}SCSS
$canadian-maple: #bba85d;
$canadian-maple-rgb: 187, 168, 93;
$canadian-maple-light: mix(#fff, $canadian-maple, 20%);
$canadian-maple-dark: mix(#000, $canadian-maple, 20%);
.element {
color: $canadian-maple;
box-shadow: 0 0 0 2px rgba($canadian-maple, 0.35);
}