Nazwany kolor · #BB2211
Redalicious
Redalicious to #BB2211: rgb(187 34 17), hsl(6 83% 40%), oklch(0.512 0.19 30.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Redalicious color name →
#BB2211
oklch(0.512 0.19 30.5)
Konwersje koloru
- HEX
- #bb2211
- RGB
- rgb(187 34 17)
- HSL
- hsl(6 83% 40%)
- HWB
- hwb(6 7% 27%)
- OKLCH
- oklch(0.512 0.19 30.5)
- OKLab
- oklab(0.512 0.164 0.096)
- CIE Lab
- lab(41.59 58.97 49.84)
- LCH
- lch(41.59 77.21 40.2)
- CMYK
- cmyk(0% 82% 91% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C54130
- CE5948
- D76F5F
- DF8575
- E6998C
- ECAEA2
- F2C2B9
- F7D6D0
- FBEBE7
Odcienie ciemniejsze
- A21C0D
- 8A1609
- 731106
- 5C0B04
- 460702
- 320301
- 1F0100
- 0D0000
- 020000
Tony
- B73323
- B34031
- AE4B3C
- A95447
- A35D51
- 9E655B
- 976C64
- 90736E
- 897A77
Harmonie kolorów
Komplementarna +180°
- BB2211
Redalicious
- 007483
≈ Deep Current
Analogowa -30° +30°
- BB2211
Redalicious
- B51D61
≈ Murderous Magenta
- 975300
≈ Mochaccino
Triada +120° +240°
- BB2211
Redalicious
- 007C39
≈ Verdant Vale
- 4157D1
≈ Gorgonzola Blue
Komplementarna rozszczepiona +150° +210°
- BB2211
Redalicious
- 007869
≈ Teal Waters
- 006EA3
≈ Disarm
Tetrada +90° +180° +270°
- BB2211
Redalicious
- 5D7000
≈ Brownish Green
- 007483
≈ Deep Current
- 7B41C0
≈ Purple Rain
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.26:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.34:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.26:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--redalicious: #bb2211;
--redalicious-rgb: 187 34 17;
--redalicious-oklch: oklch(0.512 0.19 30.5);
}
.element {
color: var(--redalicious);
background-color: hsl(6 83% 40%);
border-color: oklch(0.512 0.19 30.5);
}Tailwind CSS v4
@theme {
--color-redalicious: #bb2211;
--color-redalicious-50: #ffe2d3;
--color-redalicious-100: #ffd1c0;
--color-redalicious-200: #ffb6a0;
--color-redalicious-300: #ff9077;
--color-redalicious-400: #fa6a55;
--color-redalicious-500: #e9402c;
--color-redalicious-600: #c53827;
--color-redalicious-700: #9e2d1f;
--color-redalicious-800: #761e18;
--color-redalicious-900: #54140f;
--color-redalicious-950: #380403;
}SCSS
$redalicious: #bb2211;
$redalicious-rgb: 187, 34, 17;
$redalicious-light: mix(#fff, $redalicious, 20%);
$redalicious-dark: mix(#000, $redalicious, 20%);
.element {
color: $redalicious;
box-shadow: 0 0 0 2px rgba($redalicious, 0.35);
}