Colore con nome più vicino · #DF2D5B
#DF2D5B
Colore con nome più vicino: Radiant Raspberry
#DF2D5B (rgb(223 45 91), hsl(344 74% 53%), oklch(0.595 0.211 12.5)) è più vicino al colore con nome Radiant Raspberry. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#DF2D5B
oklch(0.595 0.211 12.5)
Conversioni di colore
- HEX
- #df2d5b
- RGB
- rgb(223 45 91)
- HSL
- hsl(344 74% 53%)
- HWB
- hwb(344 18% 13%)
- OKLCH
- oklch(0.595 0.211 12.5)
- OKLab
- oklab(0.595 0.206 0.046)
- CIE Lab
- lab(50.61 68.48 20.17)
- LCH
- lch(50.61 71.39 16.4)
- CMYK
- cmyk(0% 80% 59% 13%)
Tinte · Ombre · Toni
Tinte
- E54B6A
- EB637A
- F1798A
- F58D9A
- F9A0AA
- FCB4BB
- FEC7CB
- FFD9DC
- FFECEE
Ombre
- C2264E
- A51F41
- 8A1835
- 6F1129
- 560B1E
- 3D0613
- 270209
- 120103
- 020000
Toni
- D73D5F
- CF4963
- C75366
- BE5C6A
- B5636E
- AC6A72
- A27075
- 977679
- 8C7B7C
Armonie di colore
Complementare +180°
- DF2D5B
Radiant Raspberry
- 00918F
≈ Common Teal
Analogo -30° +30°
- DF2D5B
Radiant Raspberry
- CC38A0
≈ Lustful Wishes
- D14F00
≈ Hot Bolognese
Triadico +120° +240°
- DF2D5B
Radiant Raspberry
- 569200
≈ Vida Loca
- 007FE6
≈ Blue Cola
Complementare divisa +150° +210°
- DF2D5B
Radiant Raspberry
- 009667
≈ Green Cyan
- 008CAE
≈ Algiers Blue
Tetradico +90° +180° +270°
- DF2D5B
Radiant Raspberry
- 8D8100
≈ Fickle Pickle
- 00918F
≈ Common Teal
- 7263F6
≈ If I Could Fly
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.50:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.66:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.66:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--radiant-raspberry: #df2d5b;
--radiant-raspberry-rgb: 223 45 91;
--radiant-raspberry-oklch: oklch(0.595 0.211 12.5);
}
.element {
color: var(--radiant-raspberry);
background-color: hsl(344 74% 53%);
border-color: oklch(0.595 0.211 12.5);
}Tailwind CSS v4
@theme {
--color-radiant-raspberry: #df2d5b;
--color-radiant-raspberry-50: #ffdde2;
--color-radiant-raspberry-100: #ffcbd2;
--color-radiant-raspberry-200: #ffadb8;
--color-radiant-raspberry-300: #ff8595;
--color-radiant-raspberry-400: #ff5c7b;
--color-radiant-raspberry-500: #f0235e;
--color-radiant-raspberry-600: #cb2250;
--color-radiant-raspberry-700: #a31c40;
--color-radiant-raspberry-800: #7a1231;
--color-radiant-raspberry-900: #560c21;
--color-radiant-raspberry-950: #390010;
}SCSS
$radiant-raspberry: #df2d5b;
$radiant-raspberry-rgb: 223, 45, 91;
$radiant-raspberry-light: mix(#fff, $radiant-raspberry, 20%);
$radiant-raspberry-dark: mix(#000, $radiant-raspberry, 20%);
.element {
color: $radiant-raspberry;
box-shadow: 0 0 0 2px rgba($radiant-raspberry, 0.35);
}