Najbliższy nazwany kolor · #E21560
#E21560
Najbliższy nazwany kolor: Radiant Raspberry
#E21560 (rgb(226 21 96), hsl(338 83% 48%), oklch(0.589 0.228 9.1)) jest najbliższy nazwanemu kolorowi Radiant Raspberry. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E21560
oklch(0.589 0.228 9.1)
Konwersje koloru
- HEX
- #e21560
- RGB
- rgb(226 21 96)
- HSL
- hsl(338 83% 48%)
- HWB
- hwb(338 8% 11%)
- OKLCH
- oklch(0.589 0.228 9.1)
- OKLab
- oklab(0.589 0.225 0.036)
- CIE Lab
- lab(49.7 73.9 16.03)
- LCH
- lch(49.7 75.62 12.2)
- CMYK
- cmyk(0% 91% 58% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E9406F
- EE5B7E
- F3728D
- F8889D
- FB9DAD
- FEB1BD
- FFC4CD
- FFD8DD
- FFECEE
Odcienie ciemniejsze
- C41152
- A80C45
- 8C0838
- 71052C
- 570320
- 3E0215
- 27010A
- 120003
- 030000
Tony
- DA3063
- D24067
- C94D6A
- C0576D
- B75F70
- AE6773
- A36E77
- 99757A
- 8D7B7D
Harmonie kolorów
Komplementarna +180°
- E21560
Radiant Raspberry
- 009089
≈ Nifty Turquoise
Analogowa -30° +30°
- E21560
Radiant Raspberry
- CC2CA8
≈ Perfectly Purple Place
- D44600
≈ Ōkaihau Express
Triada +120° +240°
- E21560
Radiant Raspberry
- 5F8E00
≈ Vida Loca
- 0080D8
≈ Electron Blue
Komplementarna rozszczepiona +150° +210°
- E21560
Radiant Raspberry
- 00955F
≈ Green Gloss
- 008BA8
≈ Quintana
Tetrada +90° +180° +270°
- E21560
Radiant Raspberry
- 8F7D00
≈ Moscow Papyrus
- 009089
≈ Nifty Turquoise
- 6860FF
≈ Blue Genie
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.65:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.50:1 · APCA Lc 32
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--radiant-raspberry: #e21560;
--radiant-raspberry-rgb: 226 21 96;
--radiant-raspberry-oklch: oklch(0.589 0.228 9.1);
}
.element {
color: var(--radiant-raspberry);
background-color: hsl(338 83% 48%);
border-color: oklch(0.589 0.228 9.1);
}Tailwind CSS v4
@theme {
--color-radiant-raspberry: #e21560;
--color-radiant-raspberry-50: #ffdbe5;
--color-radiant-raspberry-100: #ffc8d5;
--color-radiant-raspberry-200: #ffa9bc;
--color-radiant-raspberry-300: #ff7f9a;
--color-radiant-raspberry-400: #ff5282;
--color-radiant-raspberry-500: #f60066;
--color-radiant-raspberry-600: #cf0956;
--color-radiant-raspberry-700: #a70b45;
--color-radiant-raspberry-800: #7d0535;
--color-radiant-raspberry-900: #580524;
--color-radiant-raspberry-950: #3b0013;
}SCSS
$radiant-raspberry: #e21560;
$radiant-raspberry-rgb: 226, 21, 96;
$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);
}