Nazwany kolor · #884433
Mattar Paneer
Mattar Paneer to #884433: rgb(136 68 51), hsl(12 45% 37%), oklch(0.468 0.097 35.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Mattar Paneer color name →
#884433
oklch(0.468 0.097 35.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 955646
- A16859
- AD7A6D
- BA8C80
- C59F95
- D1B1A9
- DDC4BE
- E8D8D3
- F4EBE9
Odcienie ciemniejsze
- 753A2B
- 633023
- 52261C
- 411D14
- 31140D
- 220C07
- 130503
- 060201
- 010000
Tony
- 884B3B
- 885143
- 88574B
- 875D52
- 87635A
- 866962
- 856F69
- 837571
- 827A78
Harmonie kolorów
Komplementarna +180°
- 884433
Mattar Paneer
- 006677
≈ Atlantis Myth
Analogowa -30° +30°
- 884433
Mattar Paneer
- 864153
≈ Sugar Beet
- 7F4D11
≈ Gédéon Brown
Triada +120° +240°
- 884433
Mattar Paneer
- 216A42
≈ Billiard Ball
- 4B5590
≈ Onion Skin Blue
Komplementarna rozszczepiona +150° +210°
- 884433
Mattar Paneer
- 006960
≈ Evergreen Forest
- 225F8D
≈ Sapphire Lace
Tetrada +90° +180° +270°
- 884433
Mattar Paneer
- 4E631F
≈ Tabbouleh Green
- 006677
≈ Atlantis Myth
- 674B86
≈ Violet Majesty
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.18:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.92:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.18:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
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);
}