Adlandırılmış renk · #96453B
Morocco Red
Morocco Red, #96453B: rgb(150 69 59), hsl(7 44% 41%), oklch(0.493 0.111 28.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Morocco Red color name →
#96453B
oklch(0.493 0.111 28.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A2574D
- AD6960
- B87C72
- C38E85
- CEA099
- D8B3AD
- E2C5C1
- ECD8D5
- F6ECEA
Koyu tonlar
- 823B32
- 6E3129
- 5B2721
- 491E19
- 371511
- 260C09
- 160504
- 080201
- 010000
Gri tonlar
- 954C42
- 935249
- 925950
- 905F57
- 8E645E
- 8C6A65
- 89706C
- 877572
- 837B79
Renk uyumları
Tamamlayıcı +180°
- 96453B
Morocco Red
- 006E7B
≈ Carnival Night
Analog -30° +30°
- 96453B
Morocco Red
- 924360
≈ Putnam Plum
- 8E4F0D
≈ Plain Old Brown
Üçlü +120° +240°
- 96453B
Morocco Red
- 2A723C
≈ Felt
- 475DA0
≈ Bio Blue
Bölünmüş tamamlayıcı +150° +210°
- 96453B
Morocco Red
- 007162
≈ Falcon Turquoise
- 006899
≈ Europe Blue
Dörtlü +90° +180° +270°
- 96453B
Morocco Red
- 5B690B
≈ Mud Green
- 006E7B
≈ Carnival Night
- 6A5197
≈ Rollick
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.53:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.21:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.53:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
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);
}