Nearest named color · #CB1686
#CB1686
Nearest named color: Rrosy-Fingered Dawn
#CB1686 (rgb(203 22 134), hsl(323 80% 44%), oklch(0.561 0.224 350.4)) is closest to the named color Rrosy-Fingered Dawn. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#CB1686
oklch(0.561 0.224 350.4)
Color conversions
- HEX
- #cb1686
- RGB
- rgb(203 22 134)
- HSL
- hsl(323 80% 44%)
- HWB
- hwb(323 9% 20%)
- OKLCH
- oklch(0.561 0.224 350.4)
- OKLab
- oklab(0.561 0.221 -0.038)
- CIE Lab
- lab(46.05 70.43 -13.26)
- LCH
- lch(46.05 71.67 349.3)
- CMYK
- cmyk(0% 89% 34% 20%)
Tints · Shades · Tones
Tints
- D33D92
- DB589D
- E26FA9
- E885B5
- EE99C1
- F3AECD
- F7C2DA
- FBD6E6
- FDEBF2
Shades
- B01274
- 960D62
- 7D0951
- 650640
- 4D0330
- 370221
- 220113
- 0F0006
- 020001
Tones
- C52E86
- BF3E85
- B94A84
- B25484
- AB5D83
- A46583
- 9C6C82
- 937381
- 8A7A81
Color harmonies
Complementary +180°
- CB1686
Rrosy-Fingered Dawn
- 00896B
≈ Celtic Queen
Analogous -30° +30°
- CB1686
Rrosy-Fingered Dawn
- AB34C3
≈ Magentleman
- D90437
≈ Kurenai Red
Triadic +120° +240°
- CB1686
Rrosy-Fingered Dawn
- 797A00
≈ Mongolian Plateau
- 0080AA
≈ Oh so Vo
Split-complementary +150° +210°
- CB1686
Rrosy-Fingered Dawn
- 268C00
≈ Diamine Green
- 00858B
≈ Tucson Teal
Tetradic +90° +180° +270°
- CB1686
Rrosy-Fingered Dawn
- 986C00
≈ Balor Brown
- 00896B
≈ Celtic Queen
- 0E69F5
≈ Epic Blue
Contrast & accessibility
Ag
AAOn white
WCAG 5.25:1 · APCA Lc 74
Ag
FailOn black
WCAG 3.99:1 · APCA Lc 28
Best text color: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--rrosy-fingered-dawn: #cb1686;
--rrosy-fingered-dawn-rgb: 203 22 134;
--rrosy-fingered-dawn-oklch: oklch(0.561 0.224 350.4);
}
.element {
color: var(--rrosy-fingered-dawn);
background-color: hsl(323 80% 44%);
border-color: oklch(0.561 0.224 350.4);
}Tailwind CSS v4
@theme {
--color-rrosy-fingered-dawn: #cb1686;
--color-rrosy-fingered-dawn-50: #ffdbfb;
--color-rrosy-fingered-dawn-100: #ffc9ef;
--color-rrosy-fingered-dawn-200: #ffabde;
--color-rrosy-fingered-dawn-300: #ff81c3;
--color-rrosy-fingered-dawn-400: #f958b0;
--color-rrosy-fingered-dawn-500: #e71c9a;
--color-rrosy-fingered-dawn-600: #c41e82;
--color-rrosy-fingered-dawn-700: #9d1968;
--color-rrosy-fingered-dawn-800: #75104f;
--color-rrosy-fingered-dawn-900: #520b37;
--color-rrosy-fingered-dawn-950: #370022;
}SCSS
$rrosy-fingered-dawn: #cb1686;
$rrosy-fingered-dawn-rgb: 203, 22, 134;
$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);
}