Couleur nommée la plus proche · #BBA85D
#BBA85D
Couleur nommée la plus proche: Canadian Maple
#BBA85D (rgb(187 168 93), hsl(48 41% 55%), oklch(0.732 0.098 95.5)) est la plus proche de la couleur nommée Canadian Maple. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BBA85D
oklch(0.732 0.098 95.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- C2B16E
- C8B97F
- CFC28F
- D6CB9F
- DCD3AF
- E3DCBF
- EAE5CF
- F1EDDF
- F8F6EF
Ombres
- A29250
- 8A7C43
- 736737
- 5C522A
- 463F1F
- 322C14
- 1F1A0A
- 0D0A03
- 020100
Tons
- B5A462
- AFA067
- A99C6B
- A3986F
- 9D9472
- 979075
- 918C78
- 8B887B
- 86847E
Harmonies de couleurs
Complémentaire +180°
- BBA85D
Canadian Maple
- 97A3E6
≈ Dalmatian Sage
Analogue -30° +30°
- BBA85D
Canadian Maple
- D39C64
≈ Golden Aura
- 99B36E
≈ Florence
Triadique +120° +240°
- BBA85D
Canadian Maple
- 54B8CF
≈ Liquid Blue
- CF91C0
≈ Carnation Rose
Complémentaire divisée +150° +210°
- BBA85D
Canadian Maple
- 72AFE2
≈ Lucea
- B798DA
≈ Lenurple
Tétradique +90° +180° +270°
- BBA85D
Canadian Maple
- 54BCB1
≈ Tropical Escape
- 97A3E6
≈ Dalmatian Sage
- DD8E9F
≈ Sugar Tooth
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.36:1 · APCA Lc 47
Ag
AAASur noir
WCAG 8.87:1 · APCA Lc 55
Meilleure couleur de texte: #000000
WCAG 8.87:1 (AAA) · APCA Lc 55
Contrast pairs
Extraits de code
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);
}