Cor nomeada mais próxima · #CD0093
#CD0093
Cor nomeada mais próxima: Rrosy-Fingered Dawn
#CD0093 (rgb(205 0 147), hsl(317 100% 40%), oklch(0.564 0.239 345.8)) é mais próxima da cor nomeada Rrosy-Fingered Dawn. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#CD0093
oklch(0.564 0.239 345.8)
Conversões de cor
- HEX
- #cd0093
- RGB
- rgb(205 0 147)
- HSL
- hsl(317 100% 40%)
- HWB
- hwb(317 0% 20%)
- OKLCH
- oklch(0.564 0.239 345.8)
- OKLab
- oklab(0.564 0.232 -0.059)
- CIE Lab
- lab(46.11 74.04 -21.02)
- LCH
- lch(46.11 76.97 344.2)
- CMYK
- cmyk(0% 100% 28% 20%)
Tons claros · Sombras · Tons
Tons claros
- D5389E
- DD54A8
- E46DB3
- EA83BE
- EF98C9
- F4ADD3
- F8C2DE
- FBD6E9
- FDEBF4
Sombras
- B2007F
- 98006C
- 7E0059
- 660047
- 4E0036
- 380025
- 230016
- 0F0008
- 020001
Tons
- C72891
- C13A90
- BA478E
- B3528C
- AC5B8A
- A56488
- 9D6C86
- 947384
- 8A7A82
Harmonias de cor
Complementar +180°
- CD0093
Rrosy-Fingered Dawn
- 008B65
≈ Kabalite Green
Análoga -30° +30°
- CD0093
Rrosy-Fingered Dawn
- A930D1
≈ Telemagenta
- DA0046
≈ Eternal Cherry
Tríade +120° +240°
- CD0093
Rrosy-Fingered Dawn
- 807900
≈ Tool Green
- 0082A6
≈ Advertising Blue
Complementar dividida +150° +210°
- CD0093
Rrosy-Fingered Dawn
- 438A00
≈ Mughal Green
- 008788
≈ Tubbataha Teal
Tétrade +90° +180° +270°
- CD0093
Rrosy-Fingered Dawn
- 9D6A00
≈ Balor Brown
- 008B65
≈ Kabalite Green
- 0072E2
≈ Níu Zǎi Sè Denim
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.22:1 · APCA Lc 73
Ag
FailSobre preto
WCAG 4.01:1 · APCA Lc 28
Melhor cor de texto: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 73
Contrast pairs
Trechos de código
CSS
:root {
--rrosy-fingered-dawn: #cd0093;
--rrosy-fingered-dawn-rgb: 205 0 147;
--rrosy-fingered-dawn-oklch: oklch(0.564 0.239 345.8);
}
.element {
color: var(--rrosy-fingered-dawn);
background-color: hsl(317 100% 40%);
border-color: oklch(0.564 0.239 345.8);
}Tailwind CSS v4
@theme {
--color-rrosy-fingered-dawn: #cd0093;
--color-rrosy-fingered-dawn-50: #ffdaff;
--color-rrosy-fingered-dawn-100: #ffc7f6;
--color-rrosy-fingered-dawn-200: #ffa8e7;
--color-rrosy-fingered-dawn-300: #ff7ecd;
--color-rrosy-fingered-dawn-400: #fa52bc;
--color-rrosy-fingered-dawn-500: #e800a7;
--color-rrosy-fingered-dawn-600: #c40e8d;
--color-rrosy-fingered-dawn-700: #9e0e71;
--color-rrosy-fingered-dawn-800: #750856;
--color-rrosy-fingered-dawn-900: #53063c;
--color-rrosy-fingered-dawn-950: #370026;
}SCSS
$rrosy-fingered-dawn: #cd0093;
$rrosy-fingered-dawn-rgb: 205, 0, 147;
$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);
}