Nearest named color · #CD0093
#CD0093
Nearest named color: Rrosy-Fingered Dawn
#CD0093 (rgb(205 0 147), hsl(317 100% 40%), oklch(0.564 0.239 345.8)) is closest to the named color Rrosy-Fingered Dawn. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#CD0093
oklch(0.564 0.239 345.8)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- D5389E
- DD54A8
- E46DB3
- EA83BE
- EF98C9
- F4ADD3
- F8C2DE
- FBD6E9
- FDEBF4
Shades
- B2007F
- 98006C
- 7E0059
- 660047
- 4E0036
- 380025
- 230016
- 0F0008
- 020001
Tones
- C72891
- C13A90
- BA478E
- B3528C
- AC5B8A
- A56488
- 9D6C86
- 947384
- 8A7A82
Color harmonies
Complementary +180°
- CD0093
Rrosy-Fingered Dawn
- 008B65
≈ Kabalite Green
Analogous -30° +30°
- CD0093
Rrosy-Fingered Dawn
- A930D1
≈ Telemagenta
- DA0046
≈ Eternal Cherry
Triadic +120° +240°
- CD0093
Rrosy-Fingered Dawn
- 807900
≈ Tool Green
- 0082A6
≈ Advertising Blue
Split-complementary +150° +210°
- CD0093
Rrosy-Fingered Dawn
- 438A00
≈ Mughal Green
- 008788
≈ Tubbataha Teal
Tetradic +90° +180° +270°
- CD0093
Rrosy-Fingered Dawn
- 9D6A00
≈ Balor Brown
- 008B65
≈ Kabalite Green
- 0072E2
≈ Níu Zǎi Sè Denim
Contrast & accessibility
Ag
AAOn white
WCAG 5.22:1 · APCA Lc 73
Ag
FailOn black
WCAG 4.01:1 · APCA Lc 28
Best text color: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 73
Contrast pairs
Code snippets
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);
}