Couleur nommée la plus proche · #C5BD82
#C5BD82
Couleur nommée la plus proche: Golden Mist
#C5BD82 (rgb(197 189 130), hsl(53 37% 64%), oklch(0.791 0.078 101.4)) est la plus proche de la couleur nommée Golden Mist. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C5BD82
oklch(0.791 0.078 101.4)
Conversions de couleur
- HEX
- #c5bd82
- RGB
- rgb(197 189 130)
- HSL
- hsl(53 37% 64%)
- HWB
- hwb(53 51% 23%)
- OKLCH
- oklch(0.791 0.078 101.4)
- OKLab
- oklab(0.791 -0.015 0.077)
- CIE Lab
- lab(76.23 -3.65 30.95)
- LCH
- lch(76.23 31.17 96.7)
- CMYK
- cmyk(0% 4% 34% 23%)
Teintes · Ombres · Tons
Teintes
- CBC48F
- D0CA9B
- D6D1A8
- DCD7B4
- E1DEC1
- E7E5CD
- EDEBD9
- F3F2E6
- F9F8F2
Ombres
- ABA470
- 928C5F
- 79744E
- 615D3E
- 4B472F
- 353320
- 211F12
- 0E0D06
- 020201
Tons
- BEB782
- B7B183
- B0AA83
- A9A483
- A29E83
- 9B9882
- 949282
- 8D8C81
- 878681
Harmonies de couleurs
Complémentaire +180°
- C5BD82
Golden Mist
- B2B5ED
≈ Perano
Analogue -30° +30°
- C5BD82
Golden Mist
- DBB383
≈ Butterscotch Sundae
- A9C691
≈ Arcadian Green
Triadique +120° +240°
- C5BD82
Golden Mist
- 80C7DF
≈ Winter Chime
- DEA7C9
≈ Aristocratic Pink
Complémentaire divisée +150° +210°
- C5BD82
Golden Mist
- 96BFEC
≈ Salvia Blue
- CBADE0
≈ Lavender Field Dreamer
Tétradique +90° +180° +270°
- C5BD82
Golden Mist
- 7CCBC7
≈ Blue Green Gem
- B2B5ED
≈ Perano
- E8A6AE
≈ Perennial Phlox
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.91:1 · APCA Lc 37
Ag
AAASur noir
WCAG 10.97:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--golden-mist: #c5bd82;
--golden-mist-rgb: 197 189 130;
--golden-mist-oklch: oklch(0.791 0.078 101.4);
}
.element {
color: var(--golden-mist);
background-color: hsl(53 37% 64%);
border-color: oklch(0.791 0.078 101.4);
}Tailwind CSS v4
@theme {
--color-golden-mist: #c5bd82;
--color-golden-mist-50: #f9f7dd;
--color-golden-mist-100: #eceacc;
--color-golden-mist-200: #dad6b0;
--color-golden-mist-300: #beba8b;
--color-golden-mist-400: #a8a06a;
--color-golden-mist-500: #918848;
--color-golden-mist-600: #7b733e;
--color-golden-mist-700: #625c31;
--color-golden-mist-800: #494322;
--color-golden-mist-900: #322e16;
--color-golden-mist-950: #1e1b07;
}SCSS
$golden-mist: #c5bd82;
$golden-mist-rgb: 197, 189, 130;
$golden-mist-light: mix(#fff, $golden-mist, 20%);
$golden-mist-dark: mix(#000, $golden-mist, 20%);
.element {
color: $golden-mist;
box-shadow: 0 0 0 2px rgba($golden-mist, 0.35);
}