이름 색상 · #96453B
Morocco Red
Morocco Red은(는) #96453B: rgb(150 69 59), hsl(7 44% 41%), oklch(0.493 0.111 28.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Morocco Red color name →
#96453B
oklch(0.493 0.111 28.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- A2574D
- AD6960
- B87C72
- C38E85
- CEA099
- D8B3AD
- E2C5C1
- ECD8D5
- F6ECEA
셰이드
- 823B32
- 6E3129
- 5B2721
- 491E19
- 371511
- 260C09
- 160504
- 080201
- 010000
톤
- 954C42
- 935249
- 925950
- 905F57
- 8E645E
- 8C6A65
- 89706C
- 877572
- 837B79
색 조화
보색 +180°
- 96453B
Morocco Red
- 006E7B
≈ Carnival Night
유사색 -30° +30°
- 96453B
Morocco Red
- 924360
≈ Putnam Plum
- 8E4F0D
≈ Plain Old Brown
삼각 배색 +120° +240°
- 96453B
Morocco Red
- 2A723C
≈ Felt
- 475DA0
≈ Bio Blue
분열 보색 +150° +210°
- 96453B
Morocco Red
- 007162
≈ Falcon Turquoise
- 006899
≈ Europe Blue
사각 배색 +90° +180° +270°
- 96453B
Morocco Red
- 5B690B
≈ Mud Green
- 006E7B
≈ Carnival Night
- 6A5197
≈ Rollick
대비 및 접근성
Ag
AA흰색 위
WCAG 6.53:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.21:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.53:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
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);
}