Warna bernama · #F0738A
Rose Cheeks
Rose Cheeks adalah #F0738A: rgb(240 115 138), hsl(349 81% 70%), oklch(0.708 0.155 10.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Rose Cheeks color name →
#F0738A
oklch(0.708 0.155 10.4)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- F38295
- F691A0
- F99FAC
- FBADB7
- FDBBC3
- FEC8CF
- FFD6DB
- FFE4E7
- FFF1F3
Shade
- D16377
- B25465
- 954553
- 783642
- 5D2832
- 431B22
- 2A0F14
- 140507
- 030101
Tone
- E57689
- DB7888
- D07A87
- C57B86
- BA7D85
- AF7E84
- A47F83
- 987F82
- 8C8081
Harmoni warna
Komplementer +180°
- F0738A
Rose Cheeks
- 00B9B2
≈ Super Rare Jade
Analog -30° +30°
- F0738A
Rose Cheeks
- DF77BE
≈ Fuchsia Blush
- F07B50
≈ Sassy Salmon
Triadik +120° +240°
- F0738A
Rose Cheeks
- 7FB341
≈ Sparkling Apple
- 4BA5FD
≈ Âbi Blue
Split-komplementer +150° +210°
- F0738A
Rose Cheeks
- 18BD7F
≈ Fennel Fiesta
- 00B2D9
≈ Blue Atoll
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.79:1 · APCA Lc 53
Ag
AAADi atas hitam
WCAG 7.52:1 · APCA Lc 49
Warna teks terbaik: #000000
WCAG 7.52:1 (AAA) · APCA Lc 49
Contrast pairs
Cuplikan kode
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);
}