Nazwany kolor · #BD273A
Opening Ribbon
Opening Ribbon to #BD273A: rgb(189 39 58), hsl(352 66% 45%), oklch(0.524 0.184 20.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Opening Ribbon color name →
#BD273A
oklch(0.524 0.184 20.3)
Konwersje koloru
- HEX
- #bd273a
- RGB
- rgb(189 39 58)
- HSL
- hsl(352 66% 45%)
- HWB
- hwb(352 15% 26%)
- OKLCH
- oklch(0.524 0.184 20.3)
- OKLab
- oklab(0.524 0.173 0.064)
- CIE Lab
- lab(42.81 59.15 28.92)
- LCH
- lch(42.81 65.84 26.1)
- CMYK
- cmyk(0% 79% 69% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C7444D
- D05B60
- D87172
- E08686
- E79A99
- EDAEAD
- F3C2C1
- F7D7D5
- FCEBEA
Odcienie ciemniejsze
- A42031
- 8C1A28
- 741420
- 5D0E18
- 470810
- 330409
- 1F0204
- 0D0101
- 020000
Tony
- B93742
- B44349
- AF4D50
- AA5657
- A45E5E
- 9E6565
- 986D6C
- 917372
- 897A79
Harmonie kolorów
Komplementarna +180°
- BD273A
Opening Ribbon
- 00797E
≈ Hypnotic Sea
Analogowa -30° +30°
- BD273A
Opening Ribbon
- B12B78
≈ Festival Fuchsia
- A64D00
≈ Cinnamon Bun
Triada +120° +240°
- BD273A
Opening Ribbon
- 228000
≈ Napier Green
- 2063D2
≈ Janitor
Komplementarna rozszczepiona +150° +210°
- BD273A
Opening Ribbon
- 007D61
≈ Turquoise Cyan
- 00749B
≈ Tofino Belue
Tetrada +90° +180° +270°
- BD273A
Opening Ribbon
- 6E6F00
≈ Brownish Green
- 00797E
≈ Hypnotic Sea
- 6D4ECA
≈ Waiporoporo Purple
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.97:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.51:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.97:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--opening-ribbon: #bd273a;
--opening-ribbon-rgb: 189 39 58;
--opening-ribbon-oklch: oklch(0.524 0.184 20.3);
}
.element {
color: var(--opening-ribbon);
background-color: hsl(352 66% 45%);
border-color: oklch(0.524 0.184 20.3);
}Tailwind CSS v4
@theme {
--color-opening-ribbon: #bd273a;
--color-opening-ribbon-50: #ffe1dd;
--color-opening-ribbon-100: #ffd0cc;
--color-opening-ribbon-200: #ffb4b0;
--color-opening-ribbon-300: #ff8e8c;
--color-opening-ribbon-400: #f8696f;
--color-opening-ribbon-500: #e73f50;
--color-opening-ribbon-600: #c33744;
--color-opening-ribbon-700: #9d2c36;
--color-opening-ribbon-800: #751e29;
--color-opening-ribbon-900: #53141b;
--color-opening-ribbon-950: #37040c;
}SCSS
$opening-ribbon: #bd273a;
$opening-ribbon-rgb: 189, 39, 58;
$opening-ribbon-light: mix(#fff, $opening-ribbon, 20%);
$opening-ribbon-dark: mix(#000, $opening-ribbon, 20%);
.element {
color: $opening-ribbon;
box-shadow: 0 0 0 2px rgba($opening-ribbon, 0.35);
}