Benoemde kleur · #FF007F
Rose
Rose is #FF007F: rgb(255 0 127), hsl(330 100% 50%), oklch(0.645 0.26 2.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Rose color name →
#FF007F
oklch(0.645 0.26 2.8)
Kleurconversies
- HEX
- #ff007f
- RGB
- rgb(255 0 127)
- HSL
- hsl(330 100% 50%)
- HWB
- hwb(330 0% 0%)
- OKLCH
- oklch(0.645 0.26 2.8)
- OKLab
- oklab(0.645 0.26 0.013)
- CIE Lab
- lab(55.62 83.78 6.41)
- LCH
- lch(55.62 84.03 4.4)
- CMYK
- cmyk(0% 100% 50% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FF3F8B
- FF5D97
- FF76A4
- FF8BB0
- FFA0BD
- FFB4CA
- FFC7D7
- FFDAE4
- FFECF2
Schaduwen
- DE006E
- BE005D
- 9E004C
- 80003C
- 63002D
- 48001F
- 2E0011
- 160006
- 030001
Tonen
- F42E7F
- E9417F
- DD4E7F
- D2597F
- C56280
- B96A80
- AC7080
- 9E7680
- 907B80
Kleurharmonieën
Complementair +180°
- FF007F
Rose
- 00A494
≈ Tropical Sea
Analoog -30° +30°
Triadisch +120° +240°
Gesplitst complementair +150° +210°
- FF007F
Rose
- 00A959
≈ Rita Repulsa
- 009FB6
≈ January Blue
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.77:1 · APCA Lc 62
Ag
AAOp zwart
WCAG 5.55:1 · APCA Lc 39
Beste tekstkleur: #000000
WCAG 5.55:1 (AA) · APCA Lc 39
Contrast pairs
Codefragmenten
CSS
:root {
--rose: #ff007f;
--rose-rgb: 255 0 127;
--rose-oklch: oklch(0.645 0.26 2.8);
}
.element {
color: var(--rose);
background-color: hsl(330 100% 50%);
border-color: oklch(0.645 0.26 2.8);
}Tailwind CSS v4
@theme {
--color-rose: #ff007f;
--color-rose-50: #ffd6eb;
--color-rose-100: #ffc3dc;
--color-rose-200: #ffa1c6;
--color-rose-300: #ff73a6;
--color-rose-400: #ff3d90;
--color-rose-500: #ff0076;
--color-rose-600: #d70064;
--color-rose-700: #ad0050;
--color-rose-800: #81003d;
--color-rose-900: #5b002a;
--color-rose-950: #3d0018;
}SCSS
$rose: #ff007f;
$rose-rgb: 255, 0, 127;
$rose-light: mix(#fff, $rose, 20%);
$rose-dark: mix(#000, $rose, 20%);
.element {
color: $rose;
box-shadow: 0 0 0 2px rgba($rose, 0.35);
}