Nazwany kolor · #B00B1E
Mammary Red
Mammary Red to #B00B1E: rgb(176 11 30), hsl(353 88% 37%), oklch(0.481 0.19 24.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Mammary Red color name →
#B00B1E
oklch(0.481 0.19 24.9)
Konwersje koloru
- HEX
- #b00b1e
- RGB
- rgb(176 11 30)
- HSL
- hsl(353 88% 37%)
- HWB
- hwb(353 4% 31%)
- OKLCH
- oklch(0.481 0.19 24.9)
- OKLab
- oklab(0.481 0.172 0.08)
- CIE Lab
- lab(37.8 60.29 39.44)
- LCH
- lch(37.8 72.04 33.2)
- CMYK
- cmyk(0% 94% 83% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BB3536
- C6504C
- CF6761
- D87E77
- E1938D
- E8A9A3
- EFBEB9
- F5D4D0
- FBE9E7
Odcienie ciemniejsze
- 990819
- 820613
- 6C040E
- 560209
- 420105
- 2E0103
- 1C0001
- 0B0000
- 010000
Tony
- AD272A
- AA3635
- A7433F
- A34E49
- 9F5752
- 9A605C
- 946965
- 8E716E
- 887977
Harmonie kolorów
Komplementarna +180°
- B00B1E
Mammary Red
- 006B74
≈ Toadstool Teal
Analogowa -30° +30°
- B00B1E
Mammary Red
- A70F63
≈ Plum Paradise
- 8F4800
≈ Parasite Brown
Triada +120° +240°
- B00B1E
Mammary Red
- 00721B
≈ Green Glutton
- 2751C7
≈ New Car
Komplementarna rozszczepiona +150° +210°
- B00B1E
Mammary Red
- 006E5B
≈ Teal Dark Green
- 00668F
≈ Pulsating Blue
Tetrada +90° +180° +270°
- B00B1E
Mammary Red
- 5C6400
≈ Mud Green
- 006B74
≈ Toadstool Teal
- 693BBB
≈ Purple Emperor
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.20:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 2.91:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.20:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--mammary-red: #b00b1e;
--mammary-red-rgb: 176 11 30;
--mammary-red-oklch: oklch(0.481 0.19 24.9);
}
.element {
color: var(--mammary-red);
background-color: hsl(353 88% 37%);
border-color: oklch(0.481 0.19 24.9);
}Tailwind CSS v4
@theme {
--color-mammary-red: #b00b1e;
--color-mammary-red-50: #ffe1d8;
--color-mammary-red-100: #ffd0c6;
--color-mammary-red-200: #ffb4a8;
--color-mammary-red-300: #ff8e82;
--color-mammary-red-400: #fa6863;
--color-mammary-red-500: #e93d40;
--color-mammary-red-600: #c53637;
--color-mammary-red-700: #9e2b2c;
--color-mammary-red-800: #761d21;
--color-mammary-red-900: #541316;
--color-mammary-red-950: #380407;
}SCSS
$mammary-red: #b00b1e;
$mammary-red-rgb: 176, 11, 30;
$mammary-red-light: mix(#fff, $mammary-red, 20%);
$mammary-red-dark: mix(#000, $mammary-red, 20%);
.element {
color: $mammary-red;
box-shadow: 0 0 0 2px rgba($mammary-red, 0.35);
}