Couleur nommée la plus proche · #9D835D
#9D835D
Couleur nommée la plus proche: Banner Gold
#9D835D (rgb(157 131 93), hsl(36 26% 49%), oklch(0.625 0.062 76.7)) est la plus proche de la couleur nommée Banner Gold. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#9D835D
oklch(0.625 0.062 76.7)
Conversions de couleur
- HEX
- #9d835d
- RGB
- rgb(157 131 93)
- HSL
- hsl(36 26% 49%)
- HWB
- hwb(36 36% 38%)
- OKLCH
- oklch(0.625 0.062 76.7)
- OKLab
- oklab(0.625 0.014 0.06)
- CIE Lab
- lab(56.52 6.27 24.47)
- LCH
- lch(56.52 25.26 75.6)
- CMYK
- cmyk(0% 17% 41% 38%)
Teintes · Ombres · Tons
Teintes
- A78F6D
- B09B7C
- BAA78C
- C4B39C
- CDC0AC
- D7CCBC
- E1D9CD
- EBE5DD
- F5F2EE
Ombres
- 887150
- 736043
- 5F4F37
- 4C3F2A
- 3A2F1F
- 282014
- 18120A
- 090603
- 010100
Tons
- 9A8361
- 978365
- 948268
- 92826C
- 8F8270
- 8C8173
- 898176
- 86817A
- 83807D
Harmonies de couleurs
Complémentaire +180°
- 9D835D
Banner Gold
- 7089AD
≈ Windsurf Blue
Analogue -30° +30°
- 9D835D
Banner Gold
- A77C68
≈ Tawny Birch
- 8C8A5E
≈ Woodland Walk
Triadique +120° +240°
- 9D835D
Banner Gold
- 589394
≈ Bluebound
- 977CA1
≈ Divine
Complémentaire divisée +150° +210°
- 9D835D
Banner Gold
- 5E90A5
≈ Saltbox Blue
- 8482AC
≈ Aster Purple
Tétradique +90° +180° +270°
- 9D835D
Banner Gold
- 62947F
≈ Cool Bluegrass
- 7089AD
≈ Windsurf Blue
- A4798F
≈ Angel Heart
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.59:1 · APCA Lc 64
Ag
AASur noir
WCAG 5.83:1 · APCA Lc 38
Meilleure couleur de texte: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
Extraits de code
CSS
:root {
--banner-gold: #9d835d;
--banner-gold-rgb: 157 131 93;
--banner-gold-oklch: oklch(0.625 0.062 76.7);
}
.element {
color: var(--banner-gold);
background-color: hsl(36 26% 49%);
border-color: oklch(0.625 0.062 76.7);
}Tailwind CSS v4
@theme {
--color-banner-gold: #9d835d;
--color-banner-gold-50: #fff4e2;
--color-banner-gold-100: #f3e6d1;
--color-banner-gold-200: #e3d2b7;
--color-banner-gold-300: #c9b494;
--color-banner-gold-400: #b39a75;
--color-banner-gold-500: #9e8157;
--color-banner-gold-600: #856d4a;
--color-banner-gold-700: #6b573b;
--color-banner-gold-800: #4f3f2a;
--color-banner-gold-900: #372c1c;
--color-banner-gold-950: #22190c;
}SCSS
$banner-gold: #9d835d;
$banner-gold-rgb: 157, 131, 93;
$banner-gold-light: mix(#fff, $banner-gold, 20%);
$banner-gold-dark: mix(#000, $banner-gold, 20%);
.element {
color: $banner-gold;
box-shadow: 0 0 0 2px rgba($banner-gold, 0.35);
}