Benannte Farbe · #F0738A
Rose Cheeks
Rose Cheeks ist #F0738A: rgb(240 115 138), hsl(349 81% 70%), oklch(0.708 0.155 10.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Rose Cheeks color name →
#F0738A
oklch(0.708 0.155 10.4)
Farbumrechnungen
- HEX
- #f0738a
- RGB
- rgb(240 115 138)
- HSL
- hsl(349 81% 70%)
- HWB
- hwb(349 45% 6%)
- OKLCH
- oklch(0.708 0.155 10.4)
- OKLab
- oklab(0.708 0.152 0.028)
- CIE Lab
- lab(64.34 50.63 11.71)
- LCH
- lch(64.34 51.97 13)
- CMYK
- cmyk(0% 52% 43% 6%)
Tints · Shades · Tones
Tints
- F38295
- F691A0
- F99FAC
- FBADB7
- FDBBC3
- FEC8CF
- FFD6DB
- FFE4E7
- FFF1F3
Shades
- D16377
- B25465
- 954553
- 783642
- 5D2832
- 431B22
- 2A0F14
- 140507
- 030101
Tones
- E57689
- DB7888
- D07A87
- C57B86
- BA7D85
- AF7E84
- A47F83
- 987F82
- 8C8081
Farbharmonien
Komplementär +180°
- F0738A
Rose Cheeks
- 00B9B2
≈ Super Rare Jade
Analog -30° +30°
- F0738A
Rose Cheeks
- DF77BE
≈ Fuchsia Blush
- F07B50
≈ Sassy Salmon
Triadisch +120° +240°
- F0738A
Rose Cheeks
- 7FB341
≈ Sparkling Apple
- 4BA5FD
≈ Âbi Blue
Geteilt komplementär +150° +210°
- F0738A
Rose Cheeks
- 18BD7F
≈ Fennel Fiesta
- 00B2D9
≈ Blue Atoll
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.79:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.52:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.52:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--rose-cheeks: #f0738a;
--rose-cheeks-rgb: 240 115 138;
--rose-cheeks-oklch: oklch(0.708 0.155 10.4);
}
.element {
color: var(--rose-cheeks);
background-color: hsl(349 81% 70%);
border-color: oklch(0.708 0.155 10.4);
}Tailwind CSS v4
@theme {
--color-rose-cheeks: #f0738a;
--color-rose-cheeks-50: #ffe4e9;
--color-rose-cheeks-100: #ffd3da;
--color-rose-cheeks-200: #ffb9c2;
--color-rose-cheeks-300: #fc95a2;
--color-rose-cheeks-400: #ea7489;
--color-rose-cheeks-500: #d7506e;
--color-rose-cheeks-600: #b6455d;
--color-rose-cheeks-700: #92374a;
--color-rose-cheeks-800: #6d2738;
--color-rose-cheeks-900: #4d1a26;
--color-rose-cheeks-950: #320a14;
}SCSS
$rose-cheeks: #f0738a;
$rose-cheeks-rgb: 240, 115, 138;
$rose-cheeks-light: mix(#fff, $rose-cheeks, 20%);
$rose-cheeks-dark: mix(#000, $rose-cheeks, 20%);
.element {
color: $rose-cheeks;
box-shadow: 0 0 0 2px rgba($rose-cheeks, 0.35);
}