Couleur nommée la plus proche · #B9756D
#B9756D
Couleur nommée la plus proche: Morocco
#B9756D (rgb(185 117 109), hsl(6 35% 58%), oklch(0.632 0.087 27.1)) est la plus proche de la couleur nommée Morocco. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B9756D
oklch(0.632 0.087 27.1)
Conversions de couleur
- HEX
- #b9756d
- RGB
- rgb(185 117 109)
- HSL
- hsl(6 35% 58%)
- HWB
- hwb(6 43% 27%)
- OKLCH
- oklch(0.632 0.087 27.1)
- OKLab
- oklab(0.632 0.078 0.04)
- CIE Lab
- lab(56.56 26.78 16.19)
- LCH
- lch(56.56 31.29 31.2)
- CMYK
- cmyk(0% 37% 41% 27%)
Teintes · Ombres · Tons
Teintes
- C1827B
- C89089
- D09D97
- D7ABA5
- DEB9B4
- E5C7C2
- ECD5D1
- F2E3E0
- F9F1F0
Ombres
- A0655E
- 89554F
- 714641
- 5B3733
- 462926
- 311C19
- 1E0F0D
- 0D0504
- 020101
Tons
- B4766F
- AE7871
- A97973
- A37A75
- 9E7B77
- 987C79
- 927D7B
- 8C7E7C
- 867F7E
Harmonies de couleurs
Complémentaire +180°
- B9756D
Morocco
- 3D99A5
≈ Sea Sparkle
Analogue -30° +30°
- B9756D
Morocco
- B5738A
≈ Strawberry Surprise
- B27C54
≈ Cowboy Hat
Triadique +120° +240°
- B9756D
Morocco
- 65986B
≈ Leafy
- 7288BF
≈ Violets Are Blue
Complémentaire divisée +150° +210°
- B9756D
Morocco
- 469B89
≈ Dioptase Green
- 5392B8
≈ Vanity
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.60:1 · APCA Lc 63
Ag
AASur noir
WCAG 5.82:1 · APCA Lc 38
Meilleure couleur de texte: #000000
WCAG 5.82:1 (AA) · APCA Lc 38
Contrast pairs
Extraits de code
CSS
:root {
--morocco: #b9756d;
--morocco-rgb: 185 117 109;
--morocco-oklch: oklch(0.632 0.087 27.1);
}
.element {
color: var(--morocco);
background-color: hsl(6 35% 58%);
border-color: oklch(0.632 0.087 27.1);
}Tailwind CSS v4
@theme {
--color-morocco: #b9756d;
--color-morocco-50: #ffece7;
--color-morocco-100: #ffded7;
--color-morocco-200: #f8c7bf;
--color-morocco-300: #e1a79e;
--color-morocco-400: #cd8b82;
--color-morocco-500: #b96f66;
--color-morocco-600: #9c5e57;
--color-morocco-700: #7d4b45;
--color-morocco-800: #5d3633;
--color-morocco-900: #412523;
--color-morocco-950: #2a1312;
}SCSS
$morocco: #b9756d;
$morocco-rgb: 185, 117, 109;
$morocco-light: mix(#fff, $morocco, 20%);
$morocco-dark: mix(#000, $morocco, 20%);
.element {
color: $morocco;
box-shadow: 0 0 0 2px rgba($morocco, 0.35);
}