Benoemde kleur · #F29CB7
Harmonious Rose
Harmonious Rose is #F29CB7: rgb(242 156 183), hsl(341 77% 78%), oklch(0.786 0.107 359.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Harmonious Rose color name →
#F29CB7
oklch(0.786 0.107 359.5)
Kleurconversies
- HEX
- #f29cb7
- RGB
- rgb(242 156 183)
- HSL
- hsl(341 77% 78%)
- HWB
- hwb(341 61% 5%)
- OKLCH
- oklch(0.786 0.107 359.5)
- OKLab
- oklab(0.786 0.107 -0.001)
- CIE Lab
- lab(73.84 35.53 0.07)
- LCH
- lch(73.84 35.53 0.1)
- CMYK
- cmyk(0% 36% 24% 5%)
Tinten · Schaduwen · Tonen
Tinten
- F4A6BE
- F6B0C5
- F8BACC
- FAC4D3
- FBCEDA
- FCD8E2
- FDE1E9
- FEEBF0
- FFF5F8
Schaduwen
- D2879F
- B47387
- 965F70
- 794C5A
- 5E3945
- 432831
- 2B181E
- 14090C
- 030102
Tonen
- E79AB1
- DB97AC
- D094A6
- C592A1
- B98F9B
- AE8C96
- A28990
- 97868B
- 8C8385
Kleurharmonieën
Complementair +180°
- F29CB7
Harmonious Rose
- 60D0BB
≈ Sweet Garden
Analoog -30° +30°
- F29CB7
Harmonious Rose
- E0A0DB
≈ Plum Juice
- F69F91
≈ Poppy Petal
Triadisch +120° +240°
- F29CB7
Harmonious Rose
- B1C473
≈ Valley View
- 75C3F7
≈ Maya Blue
Gesplitst complementair +150° +210°
- F29CB7
Harmonious Rose
- 86CD94
≈ Garden Glow
- 57CCDF
≈ Watercourse
Tetradisch +90° +180° +270°
- F29CB7
Harmonious Rose
- D4B664
≈ Wax Way
- 60D0BB
≈ Sweet Garden
- 9EB6FF
≈ Truesky Gloxym
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.05:1 · APCA Lc 40
Ag
AAAOp zwart
WCAG 10.21:1 · APCA Lc 62
Beste tekstkleur: #000000
WCAG 10.21:1 (AAA) · APCA Lc 62
Contrast pairs
Codefragmenten
CSS
:root {
--harmonious-rose: #f29cb7;
--harmonious-rose-rgb: 242 156 183;
--harmonious-rose-oklch: oklch(0.786 0.107 359.5);
}
.element {
color: var(--harmonious-rose);
background-color: hsl(341 77% 78%);
border-color: oklch(0.786 0.107 359.5);
}Tailwind CSS v4
@theme {
--color-harmonious-rose: #f29cb7;
--color-harmonious-rose-50: #ffe9f3;
--color-harmonious-rose-100: #ffdae5;
--color-harmonious-rose-200: #fcc2d1;
--color-harmonious-rose-300: #e6a1b3;
--color-harmonious-rose-400: #d2839c;
--color-harmonious-rose-500: #bf6684;
--color-harmonious-rose-600: #a15770;
--color-harmonious-rose-700: #814559;
--color-harmonious-rose-800: #603242;
--color-harmonious-rose-900: #43222e;
--color-harmonious-rose-950: #2b111b;
}SCSS
$harmonious-rose: #f29cb7;
$harmonious-rose-rgb: 242, 156, 183;
$harmonious-rose-light: mix(#fff, $harmonious-rose, 20%);
$harmonious-rose-dark: mix(#000, $harmonious-rose, 20%);
.element {
color: $harmonious-rose;
box-shadow: 0 0 0 2px rgba($harmonious-rose, 0.35);
}