Benannte Farbe · #CF5A70
Rapture Rose
Rapture Rose ist #CF5A70: rgb(207 90 112), hsl(349 55% 58%), oklch(0.62 0.149 10.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Rapture Rose color name →
#CF5A70
oklch(0.62 0.149 10.9)
Farbumrechnungen
- HEX
- #cf5a70
- RGB
- rgb(207 90 112)
- HSL
- hsl(349 55% 58%)
- HWB
- hwb(349 35% 19%)
- OKLCH
- oklch(0.62 0.149 10.9)
- OKLab
- oklab(0.62 0.146 0.028)
- CIE Lab
- lab(54.23 48.64 11.89)
- LCH
- lch(54.23 50.07 13.7)
- CMYK
- cmyk(0% 57% 46% 19%)
Tints · Shades · Tones
Tints
- D66C7D
- DC7C8B
- E28D99
- E89DA7
- EDAEB5
- F1BEC4
- F5CED2
- F9DEE1
- FCEFF0
Shades
- B44D60
- 994151
- 7F3543
- 672935
- 4F1E27
- 38131A
- 23090E
- 100304
- 020001
Tones
- C85F72
- C16473
- BA6975
- B26D77
- AB7078
- A3747A
- 9B777B
- 927A7D
- 897D7E
Farbharmonien
Komplementär +180°
- CF5A70
Rapture Rose
- 009A95
≈ Regula Barbara Blue
Analog -30° +30°
- CF5A70
Rapture Rose
- C05EA1
≈ Llilacquered
- CE6238
≈ Campfire
Triadisch +120° +240°
- CF5A70
Rapture Rose
- 669728
≈ Limeade
- 3389DC
≈ Bleu de France
Geteilt komplementär +150° +210°
- CF5A70
Rapture Rose
- 009F6A
≈ Surgeon
- 0095B6
≈ Bondi Blue
Tetradisch +90° +180° +270°
- CF5A70
Rapture Rose
- 988700
≈ Medusa Green
- 009A95
≈ Regula Barbara Blue
- 7878DD
≈ Kickstart Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.92:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.34:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.34:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--rapture-rose: #cf5a70;
--rapture-rose-rgb: 207 90 112;
--rapture-rose-oklch: oklch(0.62 0.149 10.9);
}
.element {
color: var(--rapture-rose);
background-color: hsl(349 55% 58%);
border-color: oklch(0.62 0.149 10.9);
}Tailwind CSS v4
@theme {
--color-rapture-rose: #cf5a70;
--color-rapture-rose-50: #ffe4e9;
--color-rapture-rose-100: #ffd4da;
--color-rapture-rose-200: #ffbac2;
--color-rapture-rose-300: #f997a2;
--color-rapture-rose-400: #e87689;
--color-rapture-rose-500: #d5536e;
--color-rapture-rose-600: #b4485d;
--color-rapture-rose-700: #91394a;
--color-rapture-rose-800: #6c2838;
--color-rapture-rose-900: #4c1b26;
--color-rapture-rose-950: #320b14;
}SCSS
$rapture-rose: #cf5a70;
$rapture-rose-rgb: 207, 90, 112;
$rapture-rose-light: mix(#fff, $rapture-rose, 20%);
$rapture-rose-dark: mix(#000, $rapture-rose, 20%);
.element {
color: $rapture-rose;
box-shadow: 0 0 0 2px rgba($rapture-rose, 0.35);
}