Najbliższy nazwany kolor · #B9756D
#B9756D
Najbliższy nazwany kolor: Morocco
#B9756D (rgb(185 117 109), hsl(6 35% 58%), oklch(0.632 0.087 27.1)) jest najbliższy nazwanemu kolorowi Morocco. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B9756D
oklch(0.632 0.087 27.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C1827B
- C89089
- D09D97
- D7ABA5
- DEB9B4
- E5C7C2
- ECD5D1
- F2E3E0
- F9F1F0
Odcienie ciemniejsze
- A0655E
- 89554F
- 714641
- 5B3733
- 462926
- 311C19
- 1E0F0D
- 0D0504
- 020101
Tony
- B4766F
- AE7871
- A97973
- A37A75
- 9E7B77
- 987C79
- 927D7B
- 8C7E7C
- 867F7E
Harmonie kolorów
Komplementarna +180°
- B9756D
Morocco
- 3D99A5
≈ Sea Sparkle
Analogowa -30° +30°
- B9756D
Morocco
- B5738A
≈ Strawberry Surprise
- B27C54
≈ Cowboy Hat
Triada +120° +240°
- B9756D
Morocco
- 65986B
≈ Leafy
- 7288BF
≈ Violets Are Blue
Komplementarna rozszczepiona +150° +210°
- B9756D
Morocco
- 469B89
≈ Dioptase Green
- 5392B8
≈ Vanity
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.60:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.82:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.82:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
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);
}