Nazwany kolor · #96453B
Morocco Red
Morocco Red to #96453B: rgb(150 69 59), hsl(7 44% 41%), oklch(0.493 0.111 28.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Morocco Red color name →
#96453B
oklch(0.493 0.111 28.9)
Konwersje koloru
- HEX
- #96453b
- RGB
- rgb(150 69 59)
- HSL
- hsl(7 44% 41%)
- HWB
- hwb(7 23% 41%)
- OKLCH
- oklch(0.493 0.111 28.9)
- OKLab
- oklab(0.493 0.097 0.054)
- CIE Lab
- lab(40.11 34.14 23.06)
- LCH
- lch(40.11 41.2 34)
- CMYK
- cmyk(0% 54% 61% 41%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A2574D
- AD6960
- B87C72
- C38E85
- CEA099
- D8B3AD
- E2C5C1
- ECD8D5
- F6ECEA
Odcienie ciemniejsze
- 823B32
- 6E3129
- 5B2721
- 491E19
- 371511
- 260C09
- 160504
- 080201
- 010000
Tony
- 954C42
- 935249
- 925950
- 905F57
- 8E645E
- 8C6A65
- 89706C
- 877572
- 837B79
Harmonie kolorów
Komplementarna +180°
- 96453B
Morocco Red
- 006E7B
≈ Carnival Night
Analogowa -30° +30°
- 96453B
Morocco Red
- 924360
≈ Putnam Plum
- 8E4F0D
≈ Plain Old Brown
Triada +120° +240°
- 96453B
Morocco Red
- 2A723C
≈ Felt
- 475DA0
≈ Bio Blue
Komplementarna rozszczepiona +150° +210°
- 96453B
Morocco Red
- 007162
≈ Falcon Turquoise
- 006899
≈ Europe Blue
Tetrada +90° +180° +270°
- 96453B
Morocco Red
- 5B690B
≈ Mud Green
- 006E7B
≈ Carnival Night
- 6A5197
≈ Rollick
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.53:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.21:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.53:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--morocco-red: #96453b;
--morocco-red-rgb: 150 69 59;
--morocco-red-oklch: oklch(0.493 0.111 28.9);
}
.element {
color: var(--morocco-red);
background-color: hsl(7 44% 41%);
border-color: oklch(0.493 0.111 28.9);
}Tailwind CSS v4
@theme {
--color-morocco-red: #96453b;
--color-morocco-red-50: #ffeae2;
--color-morocco-red-100: #ffdbd2;
--color-morocco-red-200: #ffc3b8;
--color-morocco-red-300: #eba295;
--color-morocco-red-400: #d88478;
--color-morocco-red-500: #c5675a;
--color-morocco-red-600: #a6584d;
--color-morocco-red-700: #86463d;
--color-morocco-red-800: #63322d;
--color-morocco-red-900: #46221e;
--color-morocco-red-950: #2d110e;
}SCSS
$morocco-red: #96453b;
$morocco-red-rgb: 150, 69, 59;
$morocco-red-light: mix(#fff, $morocco-red, 20%);
$morocco-red-dark: mix(#000, $morocco-red, 20%);
.element {
color: $morocco-red;
box-shadow: 0 0 0 2px rgba($morocco-red, 0.35);
}