Named color · #F4D7C5
Resort Sunrise
Resort Sunrise is #F4D7C5: rgb(244 215 197), hsl(23 68% 86%), oklch(0.898 0.041 53.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Resort Sunrise color name →
#F4D7C5
oklch(0.898 0.041 53.9)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- F5DBCB
- F6DFD1
- F8E3D6
- F9E7DC
- FAEBE2
- FBEFE8
- FCF3ED
- FDF7F3
- FEFBF9
Shades
- D4BBAB
- B59F92
- 978579
- 7A6B61
- 5E524B
- 443B35
- 2B2521
- 14110E
- 030202
Tones
- E8CEBE
- DCC5B7
- D0BCB0
- C4B3A9
- B9ABA2
- ADA29B
- A29994
- 96918D
- 8B8887
Color harmonies
Complementary +180°
- F4D7C5
Resort Sunrise
- C4E3F5
≈ Fresh Water
Analogous -30° +30°
- F4D7C5
Resort Sunrise
- F8D4D1
≈ Ballet
- EADCC0
≈ Golden Weave
Triadic +120° +240°
- F4D7C5
Resort Sunrise
- C3E7DB
≈ Elephant Toothpaste
- DED9F7
≈ Nostalgia Perfume
Split-complementary +150° +210°
- F4D7C5
Resort Sunrise
- BFE6EA
≈ Light Vandamint
- D0DEF9
≈ Puffy Cloud
Tetradic +90° +180° +270°
- F4D7C5
Resort Sunrise
- CEE5CD
≈ Lime Flip
- C4E3F5
≈ Fresh Water
- EBD5ED
≈ Scented Spring
Contrast & accessibility
Ag
FailOn white
WCAG 1.36:1 · APCA Lc 18
Ag
AAAOn black
WCAG 15.37:1 · APCA Lc 86
Best text color: #000000
WCAG 15.37:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
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);
}