Couleur nommée la plus proche · #C9B088
#C9B088
Couleur nommée la plus proche: Windsor Toffee
#C9B088 (rgb(201 176 136), hsl(37 38% 66%), oklch(0.769 0.061 79.3)) est la plus proche de la couleur nommée Windsor Toffee. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C9B088
oklch(0.769 0.061 79.3)
Conversions de couleur
- HEX
- #c9b088
- RGB
- rgb(201 176 136)
- HSL
- hsl(37 38% 66%)
- HWB
- hwb(37 53% 21%)
- OKLCH
- oklch(0.769 0.061 79.3)
- OKLab
- oklab(0.769 0.011 0.06)
- CIE Lab
- lab(73.29 4.98 24.05)
- LCH
- lch(73.29 24.56 78.3)
- CMYK
- cmyk(0% 12% 32% 21%)
Teintes · Ombres · Tons
Teintes
- CEB894
- D4C0A0
- D9C7AB
- DFCFB7
- E4D7C3
- E9DFCF
- EFE7DB
- F4EFE7
- FAF7F3
Ombres
- AE9975
- 958263
- 7C6C52
- 645641
- 4C4231
- 362E22
- 221C13
- 0F0B06
- 020101
Tons
- C1AB88
- BAA687
- B3A186
- AB9D86
- A49885
- 9D9384
- 958E83
- 8E8A82
- 878581
Harmonies de couleurs
Complémentaire +180°
- C9B088
Windsor Toffee
- 9DB5DB
≈ Mont Blanc
Analogue -30° +30°
- C9B088
Windsor Toffee
- D5A992
≈ Rundlet Peach
- B6B88B
≈ Secret Glade
Triadique +120° +240°
- C9B088
Windsor Toffee
- 85C0C3
≈ Celestine
- C5A8CD
≈ Feminine Fancy
Complémentaire divisée +150° +210°
- C9B088
Windsor Toffee
- 8BBCD3
≈ Bonnie Blue
- B2AED9
≈ Purple Hibiscus
Tétradique +90° +180° +270°
- C9B088
Windsor Toffee
- 8DC1AD
≈ Spearmint Frosting
- 9DB5DB
≈ Mont Blanc
- D3A4BA
≈ Enhance
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.08:1 · APCA Lc 41
Ag
AAASur noir
WCAG 10.04:1 · APCA Lc 61
Meilleure couleur de texte: #000000
WCAG 10.04:1 (AAA) · APCA Lc 61
Contrast pairs
Extraits de code
CSS
:root {
--windsor-toffee: #c9b088;
--windsor-toffee-rgb: 201 176 136;
--windsor-toffee-oklch: oklch(0.769 0.061 79.3);
}
.element {
color: var(--windsor-toffee);
background-color: hsl(37 38% 66%);
border-color: oklch(0.769 0.061 79.3);
}Tailwind CSS v4
@theme {
--color-windsor-toffee: #c9b088;
--color-windsor-toffee-50: #fef4e2;
--color-windsor-toffee-100: #f2e6d2;
--color-windsor-toffee-200: #e2d2b7;
--color-windsor-toffee-300: #c8b594;
--color-windsor-toffee-400: #b29b76;
--color-windsor-toffee-500: #9c8257;
--color-windsor-toffee-600: #846e4a;
--color-windsor-toffee-700: #6a583b;
--color-windsor-toffee-800: #4e402a;
--color-windsor-toffee-900: #362c1c;
--color-windsor-toffee-950: #21190c;
}SCSS
$windsor-toffee: #c9b088;
$windsor-toffee-rgb: 201, 176, 136;
$windsor-toffee-light: mix(#fff, $windsor-toffee, 20%);
$windsor-toffee-dark: mix(#000, $windsor-toffee, 20%);
.element {
color: $windsor-toffee;
box-shadow: 0 0 0 2px rgba($windsor-toffee, 0.35);
}