Najbliższy nazwany kolor · #E81840
#E81840
Najbliższy nazwany kolor: Red Ribbon
#E81840 (rgb(232 24 64), hsl(348 82% 50%), oklch(0.595 0.23 20.2)) jest najbliższy nazwanemu kolorowi Red Ribbon. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E81840
oklch(0.595 0.23 20.2)
Konwersje koloru
- HEX
- #e81840
- RGB
- rgb(232 24 64)
- HSL
- hsl(348 82% 50%)
- HWB
- hwb(348 9% 9%)
- OKLCH
- oklch(0.595 0.23 20.2)
- OKLab
- oklab(0.595 0.216 0.079)
- CIE Lab
- lab(50.59 73.9 36.93)
- LCH
- lch(50.59 82.61 26.6)
- CMYK
- cmyk(0% 90% 72% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EE4253
- F35D66
- F87578
- FC8A8B
- FE9E9E
- FFB2B1
- FFC6C4
- FFD9D8
- FFECEB
Odcienie ciemniejsze
- CA1336
- AC0F2D
- 900A24
- 74071B
- 590413
- 40020B
- 290105
- 130001
- 030000
Tony
- DF3248
- D7424F
- CD4E55
- C4585C
- BA6162
- B06868
- A56F6E
- 9A7574
- 8D7B7A
Harmonie kolorów
Komplementarna +180°
- E81840
Red Ribbon
- 009097
≈ Splashy
Analogowa -30° +30°
- E81840
Red Ribbon
- D92391
≈ Benevolent Pink
- C55C00
≈ Kvass
Triada +120° +240°
- E81840
Red Ribbon
- 2B9800
≈ Innisfree Garden
- 1F75FF
≈ Magic Fountain
Komplementarna rozszczepiona +150° +210°
- E81840
Red Ribbon
- 009574
≈ Pool Table
- 008BB8
≈ Spinnaker Blue
Tetrada +90° +180° +270°
- E81840
Red Ribbon
- 848500
≈ Krypton Green
- 009097
≈ Splashy
- 8457FB
≈ Purple Honeycreeper
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.52:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.63:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 4.63:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--red-ribbon: #e81840;
--red-ribbon-rgb: 232 24 64;
--red-ribbon-oklch: oklch(0.595 0.23 20.2);
}
.element {
color: var(--red-ribbon);
background-color: hsl(348 82% 50%);
border-color: oklch(0.595 0.23 20.2);
}Tailwind CSS v4
@theme {
--color-red-ribbon: #e81840;
--color-red-ribbon-50: #ffdcd7;
--color-red-ribbon-100: #ffc9c5;
--color-red-ribbon-200: #ffaaa7;
--color-red-ribbon-300: #ff8080;
--color-red-ribbon-400: #ff5363;
--color-red-ribbon-500: #fa003f;
--color-red-ribbon-600: #d30737;
--color-red-ribbon-700: #aa0a2b;
--color-red-ribbon-800: #7f0422;
--color-red-ribbon-900: #5a0416;
--color-red-ribbon-950: #3c0008;
}SCSS
$red-ribbon: #e81840;
$red-ribbon-rgb: 232, 24, 64;
$red-ribbon-light: mix(#fff, $red-ribbon, 20%);
$red-ribbon-dark: mix(#000, $red-ribbon, 20%);
.element {
color: $red-ribbon;
box-shadow: 0 0 0 2px rgba($red-ribbon, 0.35);
}