Colore con nome più vicino · #C71797
#C71797
Colore con nome più vicino: Rrosy-Fingered Dawn
#C71797 (rgb(199 23 151), hsl(316 79% 44%), oklch(0.562 0.23 343.2)) è più vicino al colore con nome Rrosy-Fingered Dawn. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#C71797
oklch(0.562 0.23 343.2)
Conversioni di colore
- HEX
- #c71797
- RGB
- rgb(199 23 151)
- HSL
- hsl(316 79% 44%)
- HWB
- hwb(316 9% 22%)
- OKLCH
- oklch(0.562 0.23 343.2)
- OKLab
- oklab(0.562 0.22 -0.066)
- CIE Lab
- lab(45.9 70.7 -23.88)
- LCH
- lch(45.9 74.62 341.3)
- CMYK
- cmyk(0% 88% 24% 22%)
Tinte · Ombre · Toni
Tinte
- CF3EA1
- D758AC
- DF6FB6
- E585C0
- EB9ACB
- F1AED5
- F5C2E0
- F9D7EA
- FDEBF5
Ombre
- AD1283
- 930E6F
- 7A0A5C
- 620649
- 4C0437
- 360226
- 210117
- 0E0008
- 020001
Toni
- C12F95
- BC3E93
- B64A91
- AF548E
- A95D8C
- A2658A
- 9A6C88
- 927385
- 8A7A83
Armonie di colore
Complementare +180°
- C71797
Rrosy-Fingered Dawn
- 008B60
≈ Chagall Green
Analogo -30° +30°
- C71797
Rrosy-Fingered Dawn
- A337D1
≈ Purple Vanity
- D8004D
≈ UA Red
Triadico +120° +240°
- C71797
Rrosy-Fingered Dawn
- 827700
≈ Tool Green
- 0082A2
≈ Ahoy! Blue
Complementare divisa +150° +210°
- C71797
Rrosy-Fingered Dawn
- 4C8700
≈ Kelp Forest
- 008685
≈ Green Lapis
Tetradico +90° +180° +270°
- C71797
Rrosy-Fingered Dawn
- 9F6800
≈ Cumin Ochre
- 008B60
≈ Chagall Green
- 0074D7
≈ Bright Navy Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.25:1 · APCA Lc 74
Ag
FailSu nero
WCAG 3.99:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--rrosy-fingered-dawn: #c71797;
--rrosy-fingered-dawn-rgb: 199 23 151;
--rrosy-fingered-dawn-oklch: oklch(0.562 0.23 343.2);
}
.element {
color: var(--rrosy-fingered-dawn);
background-color: hsl(316 79% 44%);
border-color: oklch(0.562 0.23 343.2);
}Tailwind CSS v4
@theme {
--color-rrosy-fingered-dawn: #c71797;
--color-rrosy-fingered-dawn-50: #ffdbff;
--color-rrosy-fingered-dawn-100: #ffc9f9;
--color-rrosy-fingered-dawn-200: #ffabea;
--color-rrosy-fingered-dawn-300: #ff81d2;
--color-rrosy-fingered-dawn-400: #f558c1;
--color-rrosy-fingered-dawn-500: #e31dac;
--color-rrosy-fingered-dawn-600: #bf1e92;
--color-rrosy-fingered-dawn-700: #9a1975;
--color-rrosy-fingered-dawn-800: #721059;
--color-rrosy-fingered-dawn-900: #500b3e;
--color-rrosy-fingered-dawn-950: #350027;
}SCSS
$rrosy-fingered-dawn: #c71797;
$rrosy-fingered-dawn-rgb: 199, 23, 151;
$rrosy-fingered-dawn-light: mix(#fff, $rrosy-fingered-dawn, 20%);
$rrosy-fingered-dawn-dark: mix(#000, $rrosy-fingered-dawn, 20%);
.element {
color: $rrosy-fingered-dawn;
box-shadow: 0 0 0 2px rgba($rrosy-fingered-dawn, 0.35);
}