Couleur nommée · #FED8BF
Sun-Kissed Peach
Sun-Kissed Peach correspond à #FED8BF : rgb(254 216 191), hsl(24 97% 87%), oklch(0.908 0.054 55.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Sun-Kissed Peach color name →
#FED8BF
oklch(0.908 0.054 55.2)
Conversions de couleur
- HEX
- #fed8bf
- RGB
- rgb(254 216 191)
- HSL
- hsl(24 97% 87%)
- HWB
- hwb(24 75% 0%)
- OKLCH
- oklch(0.908 0.054 55.2)
- OKLab
- oklab(0.908 0.031 0.044)
- CIE Lab
- lab(89.13 10.97 17.55)
- LCH
- lch(89.13 20.7 58)
- CMYK
- cmyk(0% 15% 25% 0%)
Teintes · Ombres · Tons
Teintes
- FEDCC5
- FFE0CC
- FFE4D2
- FFE8D9
- FFECDF
- FFEFE5
- FFF3EC
- FFF7F2
- FFFBF9
Ombres
- DDBCA6
- BDA08D
- 9E8575
- 806B5E
- 635348
- 473B33
- 2D251F
- 16110D
- 030202
Tons
- F1CFB9
- E4C6B2
- D7BDAC
- CAB4A6
- BDAB9F
- B1A299
- A49A93
- 98918C
- 8C8886
Harmonies de couleurs
Complémentaire +180°
- FED8BF
Sun-Kissed Peach
- C0E7FF
≈ Blue Java Banana
Analogue -30° +30°
- FED8BF
Sun-Kissed Peach
- FFD5D1
≈ Pink Clay
- F1DFB8
≈ Brushstroke
Triadique +120° +240°
- FED8BF
Sun-Kissed Peach
- BCEDDF
≈ Fresh Breeze
- E2DBFF
≈ Transparent Blue
Complémentaire divisée +150° +210°
- FED8BF
Sun-Kissed Peach
- B7ECF2
≈ Cold Blooded
- D2E1FF
≈ Arc Light
Tétradique +90° +180° +270°
- FED8BF
Sun-Kissed Peach
- CBEBCB
≈ Applemint
- C0E7FF
≈ Blue Java Banana
- F4D5F5
≈ Scented Spring
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.33:1 · APCA Lc 16
Ag
AAASur noir
WCAG 15.78:1 · APCA Lc 87
Meilleure couleur de texte: #000000
WCAG 15.78:1 (AAA) · APCA Lc 87
Contrast pairs
Extraits de code
CSS
:root {
--sun-kissed-peach: #fed8bf;
--sun-kissed-peach-rgb: 254 216 191;
--sun-kissed-peach-oklch: oklch(0.908 0.054 55.2);
}
.element {
color: var(--sun-kissed-peach);
background-color: hsl(24 97% 87%);
border-color: oklch(0.908 0.054 55.2);
}Tailwind CSS v4
@theme {
--color-sun-kissed-peach: #fed8bf;
--color-sun-kissed-peach-50: #fff2e6;
--color-sun-kissed-peach-100: #f7e4d7;
--color-sun-kissed-peach-200: #e7cfbe;
--color-sun-kissed-peach-300: #ceb19d;
--color-sun-kissed-peach-400: #b89780;
--color-sun-kissed-peach-500: #a37d64;
--color-sun-kissed-peach-600: #8a6a55;
--color-sun-kissed-peach-700: #6e5543;
--color-sun-kissed-peach-800: #523d31;
--color-sun-kissed-peach-900: #392a21;
--color-sun-kissed-peach-950: #231810;
}SCSS
$sun-kissed-peach: #fed8bf;
$sun-kissed-peach-rgb: 254, 216, 191;
$sun-kissed-peach-light: mix(#fff, $sun-kissed-peach, 20%);
$sun-kissed-peach-dark: mix(#000, $sun-kissed-peach, 20%);
.element {
color: $sun-kissed-peach;
box-shadow: 0 0 0 2px rgba($sun-kissed-peach, 0.35);
}