Couleur nommée · #EEBCB8
Pink Sachet
Pink Sachet correspond à #EEBCB8 : rgb(238 188 184), hsl(4 61% 83%), oklch(0.839 0.058 23.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Pink mean? → · Pink Sachet color name →
#EEBCB8
oklch(0.839 0.058 23.7)
Conversions de couleur
- HEX
- #eebcb8
- RGB
- rgb(238 188 184)
- HSL
- hsl(4 61% 83%)
- HWB
- hwb(4 72% 7%)
- OKLCH
- oklch(0.839 0.058 23.7)
- OKLab
- oklab(0.839 0.053 0.023)
- CIE Lab
- lab(80.73 18.1 9.27)
- LCH
- lch(80.73 20.33 27.1)
- CMYK
- cmyk(0% 21% 23% 7%)
Teintes · Ombres · Tons
Teintes
- F0C3BF
- F2C9C6
- F4D0CD
- F6D7D4
- F7DDDB
- F9E4E2
- FBEBE9
- FCF1F1
- FEF8F8
Ombres
- CFA3A0
- B18B88
- 937371
- 775D5B
- 5C4745
- 423231
- 2A1F1E
- 140D0C
- 030202
Tons
- E3B6B2
- D7B0AD
- CCAAA7
- C1A4A1
- B69E9C
- AB9896
- A09290
- 958C8B
- 8B8685
Harmonies de couleurs
Complémentaire +180°
- EEBCB8
Pink Sachet
- 9DD6DB
≈ Lake Reflection
Analogue -30° +30°
- EEBCB8
Pink Sachet
- EABBCD
≈ Dainty Pink
- E9C1A7
≈ Copper Blush
Triadique +120° +240°
- EEBCB8
Pink Sachet
- B4D5B2
≈ Flower Stem
- B7CBF1
≈ Cuddle
Complémentaire divisée +150° +210°
- EEBCB8
Pink Sachet
- A3D7C7
≈ Yucca Cream
- A5D1EB
≈ Little Pond
Tétradique +90° +180° +270°
- EEBCB8
Pink Sachet
- C9CFA4
≈ Baize Green
- 9DD6DB
≈ Lake Reflection
- CBC4ED
≈ Soap
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.67:1 · APCA Lc 30
Ag
AAASur noir
WCAG 12.52:1 · APCA Lc 73
Meilleure couleur de texte: #000000
WCAG 12.52:1 (AAA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--pink-sachet: #eebcb8;
--pink-sachet-rgb: 238 188 184;
--pink-sachet-oklch: oklch(0.839 0.058 23.7);
}
.element {
color: var(--pink-sachet);
background-color: hsl(4 61% 83%);
border-color: oklch(0.839 0.058 23.7);
}Tailwind CSS v4
@theme {
--color-pink-sachet: #eebcb8;
--color-pink-sachet-50: #ffefed;
--color-pink-sachet-100: #fbe1de;
--color-pink-sachet-200: #eccbc8;
--color-pink-sachet-300: #d4ada8;
--color-pink-sachet-400: #bf918e;
--color-pink-sachet-500: #aa7774;
--color-pink-sachet-600: #8f6562;
--color-pink-sachet-700: #73514e;
--color-pink-sachet-800: #553a39;
--color-pink-sachet-900: #3b2827;
--color-pink-sachet-950: #251615;
}SCSS
$pink-sachet: #eebcb8;
$pink-sachet-rgb: 238, 188, 184;
$pink-sachet-light: mix(#fff, $pink-sachet, 20%);
$pink-sachet-dark: mix(#000, $pink-sachet, 20%);
.element {
color: $pink-sachet;
box-shadow: 0 0 0 2px rgba($pink-sachet, 0.35);
}