Nazwany kolor · #BF3160
Maroon Light
Maroon Light to #BF3160: rgb(191 49 96), hsl(340 59% 47%), oklch(0.544 0.18 5.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Maroon Light color name →
#BF3160
oklch(0.544 0.18 5.8)
Konwersje koloru
- HEX
- #bf3160
- RGB
- rgb(191 49 96)
- HSL
- hsl(340 59% 47%)
- HWB
- hwb(340 19% 25%)
- OKLCH
- oklch(0.544 0.18 5.8)
- OKLab
- oklab(0.544 0.179 0.018)
- CIE Lab
- lab(44.95 58.55 8.2)
- LCH
- lch(44.95 59.12 8)
- CMYK
- cmyk(0% 74% 50% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C84A6F
- D1607E
- D9758D
- E0899C
- E79DAC
- EDB0BC
- F2C4CD
- F7D8DD
- FCEBEE
Odcienie ciemniejsze
- A62952
- 8D2245
- 751A38
- 5E132C
- 480C20
- 330615
- 1F030A
- 0D0103
- 020000
Tony
- BA3E63
- B54866
- B0516A
- AB596D
- A56170
- 9E6873
- 986E76
- 91747A
- 897A7D
Harmonie kolorów
Komplementarna +180°
- BF3160
Maroon Light
- 008178
≈ Green Garlands
Analogowa -30° +30°
- BF3160
Maroon Light
- AC3B97
≈ Purple Cactus Flower
- C2390D
≈ Shēn Chéng Orange
Triada +120° +240°
- BF3160
Maroon Light
- 5C7D00
≈ Avocado
- 0075BB
≈ Biloxi Blue
Komplementarna rozszczepiona +150° +210°
- BF3160
Maroon Light
- 00864D
≈ Pixel Nature
- 007D93
≈ Mosaic Blue
Tetrada +90° +180° +270°
- BF3160
Maroon Light
- 846F00
≈ Sunlit Kelp Green
- 008178
≈ Green Garlands
- 575FD6
≈ Monarchist
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.49:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.82:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.49:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--maroon-light: #bf3160;
--maroon-light-rgb: 191 49 96;
--maroon-light-oklch: oklch(0.544 0.18 5.8);
}
.element {
color: var(--maroon-light);
background-color: hsl(340 59% 47%);
border-color: oklch(0.544 0.18 5.8);
}Tailwind CSS v4
@theme {
--color-maroon-light: #bf3160;
--color-maroon-light-50: #ffe0eb;
--color-maroon-light-100: #ffcfdd;
--color-maroon-light-200: #ffb4c6;
--color-maroon-light-300: #ff8ea6;
--color-maroon-light-400: #f36a8e;
--color-maroon-light-500: #e14174;
--color-maroon-light-600: #be3962;
--color-maroon-light-700: #992d4f;
--color-maroon-light-800: #711f3b;
--color-maroon-light-900: #501529;
--color-maroon-light-950: #350517;
}SCSS
$maroon-light: #bf3160;
$maroon-light-rgb: 191, 49, 96;
$maroon-light-light: mix(#fff, $maroon-light, 20%);
$maroon-light-dark: mix(#000, $maroon-light, 20%);
.element {
color: $maroon-light;
box-shadow: 0 0 0 2px rgba($maroon-light, 0.35);
}