Benannte Farbe · #F29B89
Rose Essence
Rose Essence ist #F29B89: rgb(242 155 137), hsl(10 80% 74%), oklch(0.773 0.108 32.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Rose Essence color name →
#F29B89
oklch(0.773 0.108 32.3)
Farbumrechnungen
- HEX
- #f29b89
- RGB
- rgb(242 155 137)
- HSL
- hsl(10 80% 74%)
- HWB
- hwb(10 54% 5%)
- OKLCH
- oklch(0.773 0.108 32.3)
- OKLab
- oklab(0.773 0.092 0.058)
- CIE Lab
- lab(72.74 31.96 23.73)
- LCH
- lch(72.74 39.8 36.6)
- CMYK
- cmyk(0% 36% 43% 5%)
Tints · Shades · Tones
Tints
- F4A595
- F6AFA0
- F8B9AC
- FAC3B8
- FBCDC3
- FDD7CF
- FEE1DB
- FEEBE7
- FFF5F3
Shades
- D28676
- B47264
- 965E53
- 794B42
- 5E3931
- 432822
- 2B1814
- 140907
- 030101
Tones
- E79988
- DB9688
- D09487
- C59186
- B98E85
- AE8C84
- A38983
- 978682
- 8C8381
Farbharmonien
Komplementär +180°
- F29B89
Rose Essence
- 52C7DE
≈ Naxos Sky
Analog -30° +30°
- F29B89
Rose Essence
- EF97AF
≈ Illusion
- E7A56A
≈ Adventure Orange
Triadisch +120° +240°
- F29B89
Rose Essence
- 7EC993
≈ Good Luck Charm
- 9DB1FB
≈ Wondrous Wisteria
Geteilt komplementär +150° +210°
- F29B89
Rose Essence
- 57CCBB
≈ Peppy Peacock
- 74BDF5
≈ Broken Blue
Tetradisch +90° +180° +270°
- F29B89
Rose Essence
- A9C071
≈ Tan Green
- 52C7DE
≈ Naxos Sky
- C2A4EF
≈ Lavender Cream
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.13:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.82:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.82:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--rose-essence: #f29b89;
--rose-essence-rgb: 242 155 137;
--rose-essence-oklch: oklch(0.773 0.108 32.3);
}
.element {
color: var(--rose-essence);
background-color: hsl(10 80% 74%);
border-color: oklch(0.773 0.108 32.3);
}Tailwind CSS v4
@theme {
--color-rose-essence: #f29b89;
--color-rose-essence-50: #ffebe1;
--color-rose-essence-100: #ffdcd0;
--color-rose-essence-200: #ffc4b6;
--color-rose-essence-300: #e9a493;
--color-rose-essence-400: #d78675;
--color-rose-essence-500: #c36957;
--color-rose-essence-600: #a5594a;
--color-rose-essence-700: #84473b;
--color-rose-essence-800: #62332b;
--color-rose-essence-900: #45231d;
--color-rose-essence-950: #2d110d;
}SCSS
$rose-essence: #f29b89;
$rose-essence-rgb: 242, 155, 137;
$rose-essence-light: mix(#fff, $rose-essence, 20%);
$rose-essence-dark: mix(#000, $rose-essence, 20%);
.element {
color: $rose-essence;
box-shadow: 0 0 0 2px rgba($rose-essence, 0.35);
}