이름 색상 · #884433
Mattar Paneer
Mattar Paneer은(는) #884433: rgb(136 68 51), hsl(12 45% 37%), oklch(0.468 0.097 35.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Mattar Paneer color name →
#884433
oklch(0.468 0.097 35.1)
색상 변환
- HEX
- #884433
- RGB
- rgb(136 68 51)
- HSL
- hsl(12 45% 37%)
- HWB
- hwb(12 20% 47%)
- OKLCH
- oklch(0.468 0.097 35.1)
- OKLab
- oklab(0.468 0.08 0.056)
- CIE Lab
- lab(37.52 28.52 24.1)
- LCH
- lch(37.52 37.34 40.2)
- CMYK
- cmyk(0% 50% 63% 47%)
틴트 · 셰이드 · 톤
틴트
- 955646
- A16859
- AD7A6D
- BA8C80
- C59F95
- D1B1A9
- DDC4BE
- E8D8D3
- F4EBE9
셰이드
- 753A2B
- 633023
- 52261C
- 411D14
- 31140D
- 220C07
- 130503
- 060201
- 010000
톤
- 884B3B
- 885143
- 88574B
- 875D52
- 87635A
- 866962
- 856F69
- 837571
- 827A78
색 조화
보색 +180°
- 884433
Mattar Paneer
- 006677
≈ Atlantis Myth
유사색 -30° +30°
- 884433
Mattar Paneer
- 864153
≈ Sugar Beet
- 7F4D11
≈ Gédéon Brown
삼각 배색 +120° +240°
- 884433
Mattar Paneer
- 216A42
≈ Billiard Ball
- 4B5590
≈ Onion Skin Blue
분열 보색 +150° +210°
- 884433
Mattar Paneer
- 006960
≈ Evergreen Forest
- 225F8D
≈ Sapphire Lace
사각 배색 +90° +180° +270°
- 884433
Mattar Paneer
- 4E631F
≈ Tabbouleh Green
- 006677
≈ Atlantis Myth
- 674B86
≈ Violet Majesty
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.18:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.92:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.18:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--mattar-paneer: #884433;
--mattar-paneer-rgb: 136 68 51;
--mattar-paneer-oklch: oklch(0.468 0.097 35.1);
}
.element {
color: var(--mattar-paneer);
background-color: hsl(12 45% 37%);
border-color: oklch(0.468 0.097 35.1);
}Tailwind CSS v4
@theme {
--color-mattar-paneer: #884433;
--color-mattar-paneer-50: #ffece2;
--color-mattar-paneer-100: #ffddd1;
--color-mattar-paneer-200: #fac7b7;
--color-mattar-paneer-300: #e4a694;
--color-mattar-paneer-400: #d18977;
--color-mattar-paneer-500: #bd6d59;
--color-mattar-paneer-600: #a05d4c;
--color-mattar-paneer-700: #804a3c;
--color-mattar-paneer-800: #5f352c;
--color-mattar-paneer-900: #43241e;
--color-mattar-paneer-950: #2b130e;
}SCSS
$mattar-paneer: #884433;
$mattar-paneer-rgb: 136, 68, 51;
$mattar-paneer-light: mix(#fff, $mattar-paneer, 20%);
$mattar-paneer-dark: mix(#000, $mattar-paneer, 20%);
.element {
color: $mattar-paneer;
box-shadow: 0 0 0 2px rgba($mattar-paneer, 0.35);
}