Colore con nome più vicino · #DF215B
#DF215B
Colore con nome più vicino: Radiant Raspberry
#DF215B (rgb(223 33 91), hsl(342 75% 50%), oklch(0.588 0.219 11.2)) è più vicino al colore con nome Radiant Raspberry. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#DF215B
oklch(0.588 0.219 11.2)
Conversioni di colore
- HEX
- #df215b
- RGB
- rgb(223 33 91)
- HSL
- hsl(342 75% 50%)
- HWB
- hwb(342 13% 13%)
- OKLCH
- oklch(0.588 0.219 11.2)
- OKLab
- oklab(0.588 0.215 0.043)
- CIE Lab
- lab(49.67 71.08 18.93)
- LCH
- lch(49.67 73.56 14.9)
- CMYK
- cmyk(0% 85% 59% 13%)
Tinte · Ombre · Toni
Tinte
- E6456A
- EC5E7A
- F1758A
- F58A9A
- F99EAA
- FCB2BB
- FEC5CB
- FFD8DC
- FFECEE
Ombre
- C21B4E
- A51641
- 8A1035
- 6F0B29
- 56061E
- 3D0313
- 270109
- 120003
- 020000
Toni
- D7365F
- CF4463
- C74F66
- BE596A
- B5616E
- AC6871
- A26F75
- 987579
- 8C7B7C
Armonie di colore
Complementare +180°
- DF215B
Radiant Raspberry
- 008F8B
≈ Corfu Shallows
Analogo -30° +30°
- DF215B
Radiant Raspberry
- CB30A2
≈ Perfectly Purple Place
- D04B00
≈ Ōkaihau Express
Triadico +120° +240°
- DF215B
Radiant Raspberry
- 588F00
≈ Vida Loca
- 007EDE
≈ Soothing Sapphire
Complementare divisa +150° +210°
- DF215B
Radiant Raspberry
- 009463
≈ Emerald Lake
- 008AAA
≈ Capri Breeze
Tetradico +90° +180° +270°
- DF215B
Radiant Raspberry
- 8D7E00
≈ Moscow Papyrus
- 008F8B
≈ Corfu Shallows
- 6D60F8
≈ Blue Genie
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 {
--radiant-raspberry: #df215b;
--radiant-raspberry-rgb: 223 33 91;
--radiant-raspberry-oklch: oklch(0.588 0.219 11.2);
}
.element {
color: var(--radiant-raspberry);
background-color: hsl(342 75% 50%);
border-color: oklch(0.588 0.219 11.2);
}Tailwind CSS v4
@theme {
--color-radiant-raspberry: #df215b;
--color-radiant-raspberry-50: #ffdce3;
--color-radiant-raspberry-100: #ffcad3;
--color-radiant-raspberry-200: #ffabb9;
--color-radiant-raspberry-300: #ff8297;
--color-radiant-raspberry-400: #ff577d;
--color-radiant-raspberry-500: #f31461;
--color-radiant-raspberry-600: #cd1952;
--color-radiant-raspberry-700: #a51541;
--color-radiant-raspberry-800: #7b0c32;
--color-radiant-raspberry-900: #570922;
--color-radiant-raspberry-950: #3a0011;
}SCSS
$radiant-raspberry: #df215b;
$radiant-raspberry-rgb: 223, 33, 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);
}