Dichtstbijzijnde benoemde kleur · #B67C73
#B67C73
Dichtstbijzijnde benoemde kleur: Morocco
#B67C73 (rgb(182 124 115), hsl(8 31% 58%), oklch(0.643 0.074 29)) komt het dichtst bij de benoemde kleur Morocco. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B67C73
oklch(0.643 0.074 29)
Kleurconversies
- HEX
- #b67c73
- RGB
- rgb(182 124 115)
- HSL
- hsl(8 31% 58%)
- HWB
- hwb(8 45% 29%)
- OKLCH
- oklch(0.643 0.074 29)
- OKLab
- oklab(0.643 0.065 0.036)
- CIE Lab
- lab(57.94 22.39 14.56)
- LCH
- lch(57.94 26.71 33)
- CMYK
- cmyk(0% 32% 37% 29%)
Tinten · Schaduwen · Tonen
Tinten
- BE8980
- C5958E
- CDA29B
- D4AFA9
- DCBCB7
- E3C9C5
- EAD7D3
- F1E4E2
- F8F1F0
Schaduwen
- 9E6B63
- 865A54
- 6F4A45
- 593B36
- 442C28
- 301E1B
- 1D110F
- 0C0505
- 020101
Tonen
- B17D74
- AC7D76
- A77E77
- A17E79
- 9C7F7A
- 977F7B
- 917F7C
- 8B807E
- 86807F
Kleurharmonieën
Complementair +180°
- B67C73
Morocco
- 519AA5
≈ Acapulco Cliffs
Analoog -30° +30°
- B67C73
Morocco
- B37A8C
≈ Foxglove
- AF825F
≈ Sylvaneth Bark
Triadisch +120° +240°
- B67C73
Morocco
- 6D9A74
≈ Oxley
- 7A8BBB
≈ Larkspur Bouquet
Gesplitst complementair +150° +210°
- B67C73
Morocco
- 569C8E
≈ Petrol Green
- 6194B6
≈ Empire Blue
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.43:1 · APCA Lc 62
Ag
AAOp zwart
WCAG 6.11:1 · APCA Lc 40
Beste tekstkleur: #000000
WCAG 6.11:1 (AA) · APCA Lc 40
Contrast pairs
Codefragmenten
CSS
:root {
--morocco: #b67c73;
--morocco-rgb: 182 124 115;
--morocco-oklch: oklch(0.643 0.074 29);
}
.element {
color: var(--morocco);
background-color: hsl(8 31% 58%);
border-color: oklch(0.643 0.074 29);
}Tailwind CSS v4
@theme {
--color-morocco: #b67c73;
--color-morocco-50: #ffeee8;
--color-morocco-100: #ffdfd9;
--color-morocco-200: #f2c9c1;
--color-morocco-300: #dbaaa0;
--color-morocco-400: #c78e85;
--color-morocco-500: #b2736a;
--color-morocco-600: #97625a;
--color-morocco-700: #794e47;
--color-morocco-800: #593834;
--color-morocco-900: #3f2724;
--color-morocco-950: #281513;
}SCSS
$morocco: #b67c73;
$morocco-rgb: 182, 124, 115;
$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);
}