Couleur nommée · #DFB8BC
Shy Young Salmon
Shy Young Salmon correspond à #DFB8BC : rgb(223 184 188), hsl(354 38% 80%), oklch(0.818 0.045 11.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Pink mean? → · Shy Young Salmon color name →
#DFB8BC
oklch(0.818 0.045 11.2)
Conversions de couleur
- HEX
- #dfb8bc
- RGB
- rgb(223 184 188)
- HSL
- hsl(354 38% 80%)
- HWB
- hwb(354 72% 13%)
- OKLCH
- oklch(0.818 0.045 11.2)
- OKLab
- oklab(0.818 0.044 0.009)
- CIE Lab
- lab(78.36 14.93 3.52)
- LCH
- lch(78.36 15.34 13.3)
- CMYK
- cmyk(0% 17% 16% 13%)
Teintes · Ombres · Tons
Teintes
- E2BFC3
- E6C6C9
- E9CDD0
- ECD4D6
- F0DBDD
- F3E2E4
- F6E9EB
- F9F1F1
- FCF8F8
Ombres
- C2A0A3
- A5888B
- 8A7173
- 6F5B5D
- 564547
- 3D3132
- 271E1F
- 120C0D
- 020202
Tons
- D5B2B6
- CCADB0
- C2A7AA
- B8A1A4
- AF9C9D
- A59698
- 9C9192
- 938B8C
- 898586
Harmonies de couleurs
Complémentaire +180°
- DFB8BC
Shy Young Salmon
- A2CDCA
≈ Ice Boutique Turquoise
Analogue -30° +30°
- DFB8BC
Shy Young Salmon
- D9B8CC
≈ Spring Boutique
- DEBAAD
≈ Pickled Pork
Triadique +120° +240°
- DFB8BC
Shy Young Salmon
- B9CAAC
≈ Pale Leaf
- AFC6E0
≈ Cumulus Cloud
Complémentaire divisée +150° +210°
- DFB8BC
Shy Young Salmon
- ABCDBA
≈ Bird’s Egg Green
- A4CBD8
≈ Alpine Morning Blue
Tétradique +90° +180° +270°
- DFB8BC
Shy Young Salmon
- C9C5A4
≈ Oyster White
- A2CDCA
≈ Ice Boutique Turquoise
- BEC1E1
≈ Genevieve
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.79:1 · APCA Lc 33
Ag
AAASur noir
WCAG 11.71:1 · APCA Lc 69
Meilleure couleur de texte: #000000
WCAG 11.71:1 (AAA) · APCA Lc 69
Contrast pairs
Extraits de code
CSS
:root {
--shy-young-salmon: #dfb8bc;
--shy-young-salmon-rgb: 223 184 188;
--shy-young-salmon-oklch: oklch(0.818 0.045 11.2);
}
.element {
color: var(--shy-young-salmon);
background-color: hsl(354 38% 80%);
border-color: oklch(0.818 0.045 11.2);
}Tailwind CSS v4
@theme {
--color-shy-young-salmon: #dfb8bc;
--color-shy-young-salmon-50: #fff0f1;
--color-shy-young-salmon-100: #f7e2e3;
--color-shy-young-salmon-200: #e7cdcf;
--color-shy-young-salmon-300: #ceaeb1;
--color-shy-young-salmon-400: #b79498;
--color-shy-young-salmon-500: #a27a7f;
--color-shy-young-salmon-600: #89686b;
--color-shy-young-salmon-700: #6e5356;
--color-shy-young-salmon-800: #513c3f;
--color-shy-young-salmon-900: #38292b;
--color-shy-young-salmon-950: #231719;
}SCSS
$shy-young-salmon: #dfb8bc;
$shy-young-salmon-rgb: 223, 184, 188;
$shy-young-salmon-light: mix(#fff, $shy-young-salmon, 20%);
$shy-young-salmon-dark: mix(#000, $shy-young-salmon, 20%);
.element {
color: $shy-young-salmon;
box-shadow: 0 0 0 2px rgba($shy-young-salmon, 0.35);
}