Couleur nommée · #FC7D64
Sunset Papaya
Sunset Papaya correspond à #FC7D64 : rgb(252 125 100), hsl(10 96% 69%), oklch(0.731 0.16 32.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Sunset Papaya color name →
#FC7D64
oklch(0.731 0.16 32.6)
Conversions de couleur
- HEX
- #fc7d64
- RGB
- rgb(252 125 100)
- HSL
- hsl(10 96% 69%)
- HWB
- hwb(10 39% 1%)
- OKLCH
- oklch(0.731 0.16 32.6)
- OKLab
- oklab(0.731 0.135 0.086)
- CIE Lab
- lab(67.38 48.04 37.29)
- LCH
- lch(67.38 60.81 37.8)
- CMYK
- cmyk(0% 50% 60% 1%)
Teintes · Ombres · Tons
Teintes
- FE8B74
- FF9983
- FFA693
- FFB3A2
- FFC0B2
- FFCDC1
- FFD9D0
- FFE6E0
- FFF3EF
Ombres
- DB6C56
- BB5B48
- 9C4B3B
- 7E3B2E
- 622C22
- 471E16
- 2D110B
- 160503
- 030100
Tons
- F07F68
- E4806B
- D8816F
- CC8172
- C08274
- B48277
- A7827A
- 9A817C
- 8D817E
Harmonies de couleurs
Complémentaire +180°
- FC7D64
Sunset Papaya
- 00BCD7
≈ Maldives
Analogue -30° +30°
- FC7D64
Sunset Papaya
- F8789F
≈ Aggressive Salmon
- ED8E1C
≈ Carrot Orange
Triadique +120° +240°
- FC7D64
Sunset Papaya
- 44C475
≈ Googol
- 8BA1FF
≈ Periwinkle Blue
Complémentaire divisée +150° +210°
- FC7D64
Sunset Papaya
- 00C2AF
≈ Turquoise
- 3BB1FF
≈ Adamantine Blue
Tétradique +90° +180° +270°
- FC7D64
Sunset Papaya
- 96B730
≈ Limolicious
- 00BCD7
≈ Maldives
- BC8DFA
≈ Liliac
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.54:1 · APCA Lc 49
Ag
AAASur noir
WCAG 8.25:1 · APCA Lc 53
Meilleure couleur de texte: #000000
WCAG 8.25:1 (AAA) · APCA Lc 53
Contrast pairs
Extraits de code
CSS
:root {
--sunset-papaya: #fc7d64;
--sunset-papaya-rgb: 252 125 100;
--sunset-papaya-oklch: oklch(0.731 0.16 32.6);
}
.element {
color: var(--sunset-papaya);
background-color: hsl(10 96% 69%);
border-color: oklch(0.731 0.16 32.6);
}Tailwind CSS v4
@theme {
--color-sunset-papaya: #fc7d64;
--color-sunset-papaya-50: #ffe6d7;
--color-sunset-papaya-100: #ffd5c4;
--color-sunset-papaya-200: #ffbca6;
--color-sunset-papaya-300: #fe987f;
--color-sunset-papaya-400: #ed765f;
--color-sunset-papaya-500: #dc533a;
--color-sunset-papaya-600: #b94732;
--color-sunset-papaya-700: #953928;
--color-sunset-papaya-800: #6f281d;
--color-sunset-papaya-900: #4f1b13;
--color-sunset-papaya-950: #340a05;
}SCSS
$sunset-papaya: #fc7d64;
$sunset-papaya-rgb: 252, 125, 100;
$sunset-papaya-light: mix(#fff, $sunset-papaya, 20%);
$sunset-papaya-dark: mix(#000, $sunset-papaya, 20%);
.element {
color: $sunset-papaya;
box-shadow: 0 0 0 2px rgba($sunset-papaya, 0.35);
}