Couleur nommée · #FDCDBD
Delicate Sweet Apricot
Delicate Sweet Apricot correspond à #FDCDBD : rgb(253 205 189), hsl(15 94% 87%), oklch(0.886 0.059 39.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Pink mean? → · Delicate Sweet Apricot color name →
#FDCDBD
oklch(0.886 0.059 39.3)
Conversions de couleur
- HEX
- #fdcdbd
- RGB
- rgb(253 205 189)
- HSL
- hsl(15 94% 87%)
- HWB
- hwb(15 74% 1%)
- OKLCH
- oklch(0.886 0.059 39.3)
- OKLab
- oklab(0.886 0.046 0.037)
- CIE Lab
- lab(86.36 15.8 14.74)
- LCH
- lch(86.36 21.61 43)
- CMYK
- cmyk(0% 19% 25% 1%)
Teintes · Ombres · Tons
Teintes
- FDD2C4
- FED7CA
- FEDCD1
- FFE1D7
- FFE6DE
- FFEBE4
- FFF0EB
- FFF5F2
- FFFAF8
Ombres
- DCB2A4
- BC988C
- 9D7E74
- 7F665D
- 624E47
- 473833
- 2D231F
- 160F0D
- 030202
Tons
- F0C5B7
- E3BDB1
- D6B5AA
- CAAEA4
- BDA69E
- B19E98
- A49792
- 988F8C
- 8C8786
Harmonies de couleurs
Complémentaire +180°
- FDCDBD
Delicate Sweet Apricot
- AEE3F4
≈ Atmospheric Soft Blue
Analogue -30° +30°
- FDCDBD
Delicate Sweet Apricot
- FDCAD1
≈ Fruit Bowl
- F4D3B0
≈ Flattering Peach
Triadique +120° +240°
- FDCDBD
Delicate Sweet Apricot
- B9E6CC
≈ Woolly Mint
- D1D6FF
≈ Pale Phthalo Blue
Complémentaire divisée +150° +210°
- FDCDBD
Delicate Sweet Apricot
- ADE7E1
≈ Cool Crayon
- BDDDFF
≈ Broad Daylight
Tétradique +90° +180° +270°
- FDCDBD
Delicate Sweet Apricot
- CDE2B9
≈ Iced Avocado
- AEE3F4
≈ Atmospheric Soft Blue
- E5CFF8
≈ Mousse aux Pruneaux
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.43:1 · APCA Lc 21
Ag
AAASur noir
WCAG 14.64:1 · APCA Lc 83
Meilleure couleur de texte: #000000
WCAG 14.64:1 (AAA) · APCA Lc 83
Contrast pairs
Extraits de code
CSS
:root {
--delicate-sweet-apricot: #fdcdbd;
--delicate-sweet-apricot-rgb: 253 205 189;
--delicate-sweet-apricot-oklch: oklch(0.886 0.059 39.3);
}
.element {
color: var(--delicate-sweet-apricot);
background-color: hsl(15 94% 87%);
border-color: oklch(0.886 0.059 39.3);
}Tailwind CSS v4
@theme {
--color-delicate-sweet-apricot: #fdcdbd;
--color-delicate-sweet-apricot-50: #fff0e8;
--color-delicate-sweet-apricot-100: #fae2d9;
--color-delicate-sweet-apricot-200: #ebcdc1;
--color-delicate-sweet-apricot-300: #d3aea1;
--color-delicate-sweet-apricot-400: #be9385;
--color-delicate-sweet-apricot-500: #a97969;
--color-delicate-sweet-apricot-600: #8f6759;
--color-delicate-sweet-apricot-700: #725247;
--color-delicate-sweet-apricot-800: #553b34;
--color-delicate-sweet-apricot-900: #3b2923;
--color-delicate-sweet-apricot-950: #251712;
}SCSS
$delicate-sweet-apricot: #fdcdbd;
$delicate-sweet-apricot-rgb: 253, 205, 189;
$delicate-sweet-apricot-light: mix(#fff, $delicate-sweet-apricot, 20%);
$delicate-sweet-apricot-dark: mix(#000, $delicate-sweet-apricot, 20%);
.element {
color: $delicate-sweet-apricot;
box-shadow: 0 0 0 2px rgba($delicate-sweet-apricot, 0.35);
}