Nazwany kolor · #6B252C
Monarch
Monarch to #6B252C: rgb(107 37 44), hsl(354 49% 28%), oklch(0.371 0.1 17.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Monarch color name →
#6B252C
oklch(0.371 0.1 17.5)
Konwersje koloru
- HEX
- #6b252c
- RGB
- rgb(107 37 44)
- HSL
- hsl(354 49% 28%)
- HWB
- hwb(354 15% 58%)
- OKLCH
- oklch(0.371 0.1 17.5)
- OKLab
- oklab(0.371 0.095 0.03)
- CIE Lab
- lab(26.01 32.2 12.84)
- LCH
- lch(26.01 34.66 21.7)
- CMYK
- cmyk(0% 65% 59% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7B3A3E
- 8A4F51
- 996465
- A8797A
- B78E8F
- C6A4A4
- D4BABA
- E3D1D1
- F1E8E8
Odcienie ciemniejsze
- 5C1F25
- 4E191E
- 3F1317
- 320D11
- 25080A
- 180405
- 0D0202
- 040001
- 000000
Tony
- 6E2F34
- 71393C
- 744244
- 774B4C
- 795455
- 7B5D5D
- 7D6666
- 7E6E6E
- 7F7777
Harmonie kolorów
Komplementarna +180°
- 6B252C
Monarch
- 004A4C
≈ Sherpa Blue
Analogowa -30° +30°
- 6B252C
Monarch
- 64264A
≈ Plum Caspia
- 692B02
≈ Cold Press Coffee
Triada +120° +240°
- 6B252C
Monarch
- 234C0F
≈ Treetop Cathedral
- 1A3F74
≈ Ashenvale Nights
Komplementarna rozszczepiona +150° +210°
- 6B252C
Monarch
- 004D38
≈ Chrysocolla Dark Green
- 00475E
≈ Loyal Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.90:1 · APCA Lc 95
Ag
FailNa czerni
WCAG 1.92:1 · APCA Lc 8
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.90:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--monarch: #6b252c;
--monarch-rgb: 107 37 44;
--monarch-oklch: oklch(0.371 0.1 17.5);
}
.element {
color: var(--monarch);
background-color: hsl(354 49% 28%);
border-color: oklch(0.371 0.1 17.5);
}Tailwind CSS v4
@theme {
--color-monarch: #6b252c;
--color-monarch-50: #ffeaea;
--color-monarch-100: #ffdbda;
--color-monarch-200: #fcc4c3;
--color-monarch-300: #e6a3a3;
--color-monarch-400: #d38689;
--color-monarch-500: #bf696e;
--color-monarch-600: #a1595d;
--color-monarch-700: #82474a;
--color-monarch-800: #603337;
--color-monarch-900: #432325;
--color-monarch-950: #2b1214;
}SCSS
$monarch: #6b252c;
$monarch-rgb: 107, 37, 44;
$monarch-light: mix(#fff, $monarch, 20%);
$monarch-dark: mix(#000, $monarch, 20%);
.element {
color: $monarch;
box-shadow: 0 0 0 2px rgba($monarch, 0.35);
}