Najbliższy nazwany kolor · #DC2A5A
#DC2A5A
Najbliższy nazwany kolor: Radiant Raspberry
#DC2A5A (rgb(220 42 90), hsl(344 72% 51%), oklch(0.588 0.211 12.1)) jest najbliższy nazwanemu kolorowi Radiant Raspberry. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#DC2A5A
oklch(0.588 0.211 12.1)
Konwersje koloru
- HEX
- #dc2a5a
- RGB
- rgb(220 42 90)
- HSL
- hsl(344 72% 51%)
- HWB
- hwb(344 16% 14%)
- OKLCH
- oklch(0.588 0.211 12.1)
- OKLab
- oklab(0.588 0.206 0.044)
- CIE Lab
- lab(49.74 68.34 19.51)
- LCH
- lch(49.74 71.07 15.9)
- CMYK
- cmyk(0% 81% 59% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E34969
- E96179
- EE7789
- F38B99
- F79FAA
- FAB3BA
- FDC6CB
- FFD9DC
- FFECED
Odcienie ciemniejsze
- BF234D
- A31C41
- 881635
- 6E1029
- 540A1E
- 3C0513
- 260209
- 110103
- 020000
Tony
- D43B5E
- CD4762
- C55266
- BC5B6A
- B4626D
- AB6971
- A17075
- 977579
- 8C7B7C
Harmonie kolorów
Komplementarna +180°
- DC2A5A
Radiant Raspberry
- 008F8C
≈ Corfu Shallows
Analogowa -30° +30°
- DC2A5A
Radiant Raspberry
- C9359E
≈ Royal Fuchsia
- CE4D00
≈ Ōkaihau Express
Triada +120° +240°
- DC2A5A
Radiant Raspberry
- 558F00
≈ Pistachio Flour
- 007DE1
≈ Soothing Sapphire
Komplementarna rozszczepiona +150° +210°
- DC2A5A
Radiant Raspberry
- 009365
≈ Emerald Lake
- 008AAB
≈ Corfu Waters
Tetrada +90° +180° +270°
- DC2A5A
Radiant Raspberry
- 8B7E00
≈ Moscow Papyrus
- 008F8C
≈ Corfu Shallows
- 6F61F3
≈ Blue Hepatica
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.64:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.52:1 · APCA Lc 31
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--radiant-raspberry: #dc2a5a;
--radiant-raspberry-rgb: 220 42 90;
--radiant-raspberry-oklch: oklch(0.588 0.211 12.1);
}
.element {
color: var(--radiant-raspberry);
background-color: hsl(344 72% 51%);
border-color: oklch(0.588 0.211 12.1);
}Tailwind CSS v4
@theme {
--color-radiant-raspberry: #dc2a5a;
--color-radiant-raspberry-50: #ffdde3;
--color-radiant-raspberry-100: #ffcbd2;
--color-radiant-raspberry-200: #ffadb9;
--color-radiant-raspberry-300: #ff8596;
--color-radiant-raspberry-400: #ff5c7c;
--color-radiant-raspberry-500: #f02360;
--color-radiant-raspberry-600: #cb2351;
--color-radiant-raspberry-700: #a31c41;
--color-radiant-raspberry-800: #7a1231;
--color-radiant-raspberry-900: #560c21;
--color-radiant-raspberry-950: #390011;
}SCSS
$radiant-raspberry: #dc2a5a;
$radiant-raspberry-rgb: 220, 42, 90;
$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);
}