Color con nombre · #F4D7C5
Resort Sunrise
Resort Sunrise es #F4D7C5: rgb(244 215 197), hsl(23 68% 86%), oklch(0.898 0.041 53.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Resort Sunrise color name →
#F4D7C5
oklch(0.898 0.041 53.9)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- F5DBCB
- F6DFD1
- F8E3D6
- F9E7DC
- FAEBE2
- FBEFE8
- FCF3ED
- FDF7F3
- FEFBF9
Sombras
- D4BBAB
- B59F92
- 978579
- 7A6B61
- 5E524B
- 443B35
- 2B2521
- 14110E
- 030202
Tonos
- E8CEBE
- DCC5B7
- D0BCB0
- C4B3A9
- B9ABA2
- ADA29B
- A29994
- 96918D
- 8B8887
Armonías de color
Complementario +180°
- F4D7C5
Resort Sunrise
- C4E3F5
≈ Fresh Water
Análogo -30° +30°
- F4D7C5
Resort Sunrise
- F8D4D1
≈ Ballet
- EADCC0
≈ Golden Weave
Triádico +120° +240°
- F4D7C5
Resort Sunrise
- C3E7DB
≈ Elephant Toothpaste
- DED9F7
≈ Nostalgia Perfume
Complementario dividido +150° +210°
- F4D7C5
Resort Sunrise
- BFE6EA
≈ Light Vandamint
- D0DEF9
≈ Puffy Cloud
Tetrádico +90° +180° +270°
- F4D7C5
Resort Sunrise
- CEE5CD
≈ Lime Flip
- C4E3F5
≈ Fresh Water
- EBD5ED
≈ Scented Spring
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASobre negro
WCAG 15.37:1 · APCA Lc 86
Mejor color de texto: #000000
WCAG 15.37:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
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);
}