Colore con nome più vicino · #E31B44
#E31B44
Colore con nome più vicino: Crossing the Line
#E31B44 (rgb(227 27 68), hsl(348 79% 50%), oklch(0.588 0.225 18.8)) è più vicino al colore con nome Crossing the Line. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E31B44
oklch(0.588 0.225 18.8)
Conversioni di colore
- HEX
- #e31b44
- RGB
- rgb(227 27 68)
- HSL
- hsl(348 79% 50%)
- HWB
- hwb(348 11% 11%)
- OKLCH
- oklch(0.588 0.225 18.8)
- OKLab
- oklab(0.588 0.213 0.073)
- CIE Lab
- lab(49.77 72.3 33.28)
- LCH
- lch(49.77 79.59 24.7)
- CMYK
- cmyk(0% 88% 70% 11%)
Tinte · Ombre · Toni
Tinte
- E94356
- EF5D68
- F4747B
- F8898D
- FC9E9F
- FEB2B2
- FFC5C5
- FFD9D8
- FFECEB
Ombre
- C5163A
- A81130
- 8C0C26
- 71081D
- 570514
- 3F020C
- 270105
- 120002
- 030000
Toni
- DB334B
- D34251
- CA4E58
- C1585E
- B86164
- AE686A
- A46F6F
- 997575
- 8D7B7A
Armonie di colore
Complementare +180°
- E31B44
Crossing the Line
- 008E93
≈ Christina Brown
Analogo -30° +30°
- E31B44
Crossing the Line
- D42692
≈ Royal Fuchsia
- C45900
≈ Rust Orange
Triadico +120° +240°
- E31B44
Crossing the Line
- 359400
≈ Planter
- 0373FE
≈ Brandeis Blue
Complementare divisa +150° +210°
- E31B44
Crossing the Line
- 009370
≈ Dòu Lǜ Green
- 0089B3
≈ Stomy Shower
Tetradico +90° +180° +270°
- E31B44
Crossing the Line
- 838200
≈ Drably Olive
- 008E93
≈ Christina Brown
- 7E58F6
≈ Candy Grape Fizz
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.66:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.50:1 · APCA Lc 31
Miglior colore del testo: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--crossing-the-line: #e31b44;
--crossing-the-line-rgb: 227 27 68;
--crossing-the-line-oklch: oklch(0.588 0.225 18.8);
}
.element {
color: var(--crossing-the-line);
background-color: hsl(348 79% 50%);
border-color: oklch(0.588 0.225 18.8);
}Tailwind CSS v4
@theme {
--color-crossing-the-line: #e31b44;
--color-crossing-the-line-50: #ffdcda;
--color-crossing-the-line-100: #ffcac8;
--color-crossing-the-line-200: #ffabab;
--color-crossing-the-line-300: #ff8185;
--color-crossing-the-line-400: #ff5568;
--color-crossing-the-line-500: #f70547;
--color-crossing-the-line-600: #d1123c;
--color-crossing-the-line-700: #a81130;
--color-crossing-the-line-800: #7e0825;
--color-crossing-the-line-900: #590718;
--color-crossing-the-line-950: #3c0009;
}SCSS
$crossing-the-line: #e31b44;
$crossing-the-line-rgb: 227, 27, 68;
$crossing-the-line-light: mix(#fff, $crossing-the-line, 20%);
$crossing-the-line-dark: mix(#000, $crossing-the-line, 20%);
.element {
color: $crossing-the-line;
box-shadow: 0 0 0 2px rgba($crossing-the-line, 0.35);
}