Warna bernama · #F4D7C5
Resort Sunrise
Resort Sunrise adalah #F4D7C5: rgb(244 215 197), hsl(23 68% 86%), oklch(0.898 0.041 53.9). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Resort Sunrise color name →
#F4D7C5
oklch(0.898 0.041 53.9)
Konversi warna
- HEX
- #f4d7c5
- RGB
- rgb(244 215 197)
- HSL
- hsl(23 68% 86%)
- HWB
- hwb(23 77% 4%)
- OKLCH
- oklch(0.898 0.041 53.9)
- OKLab
- oklab(0.898 0.024 0.033)
- CIE Lab
- lab(88.08 8.35 12.8)
- LCH
- lch(88.08 15.28 56.9)
- CMYK
- cmyk(0% 12% 19% 4%)
Tint · Shade · Tone
Tint
- F5DBCB
- F6DFD1
- F8E3D6
- F9E7DC
- FAEBE2
- FBEFE8
- FCF3ED
- FDF7F3
- FEFBF9
Shade
- D4BBAB
- B59F92
- 978579
- 7A6B61
- 5E524B
- 443B35
- 2B2521
- 14110E
- 030202
Tone
- E8CEBE
- DCC5B7
- D0BCB0
- C4B3A9
- B9ABA2
- ADA29B
- A29994
- 96918D
- 8B8887
Harmoni warna
Komplementer +180°
- F4D7C5
Resort Sunrise
- C4E3F5
≈ Fresh Water
Analog -30° +30°
- F4D7C5
Resort Sunrise
- F8D4D1
≈ Ballet
- EADCC0
≈ Golden Weave
Triadik +120° +240°
- F4D7C5
Resort Sunrise
- C3E7DB
≈ Elephant Toothpaste
- DED9F7
≈ Nostalgia Perfume
Split-komplementer +150° +210°
- F4D7C5
Resort Sunrise
- BFE6EA
≈ Light Vandamint
- D0DEF9
≈ Puffy Cloud
Tetradik +90° +180° +270°
- F4D7C5
Resort Sunrise
- CEE5CD
≈ Lime Flip
- C4E3F5
≈ Fresh Water
- EBD5ED
≈ Scented Spring
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.36:1 · APCA Lc 18
Ag
AAADi atas hitam
WCAG 15.37:1 · APCA Lc 86
Warna teks terbaik: #000000
WCAG 15.37:1 (AAA) · APCA Lc 86
Contrast pairs
Cuplikan kode
CSS
:root {
--resort-sunrise: #f4d7c5;
--resort-sunrise-rgb: 244 215 197;
--resort-sunrise-oklch: oklch(0.898 0.041 53.9);
}
.element {
color: var(--resort-sunrise);
background-color: hsl(23 68% 86%);
border-color: oklch(0.898 0.041 53.9);
}Tailwind CSS v4
@theme {
--color-resort-sunrise: #f4d7c5;
--color-resort-sunrise-50: #fff2ea;
--color-resort-sunrise-100: #f3e5db;
--color-resort-sunrise-200: #e3d0c4;
--color-resort-sunrise-300: #c8b3a4;
--color-resort-sunrise-400: #b29988;
--color-resort-sunrise-500: #9c7f6d;
--color-resort-sunrise-600: #846c5d;
--color-resort-sunrise-700: #6a564a;
--color-resort-sunrise-800: #4e3f36;
--color-resort-sunrise-900: #362b25;
--color-resort-sunrise-950: #211813;
}SCSS
$resort-sunrise: #f4d7c5;
$resort-sunrise-rgb: 244, 215, 197;
$resort-sunrise-light: mix(#fff, $resort-sunrise, 20%);
$resort-sunrise-dark: mix(#000, $resort-sunrise, 20%);
.element {
color: $resort-sunrise;
box-shadow: 0 0 0 2px rgba($resort-sunrise, 0.35);
}