Couleur nommée · #ECBCB2
Peach Souffle
Peach Souffle correspond à #ECBCB2 : rgb(236 188 178), hsl(10 60% 81%), oklch(0.835 0.057 31.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Pink mean? → · Peach Souffle color name →
#ECBCB2
oklch(0.835 0.057 31.9)
Conversions de couleur
- HEX
- #ecbcb2
- RGB
- rgb(236 188 178)
- HSL
- hsl(10 60% 81%)
- HWB
- hwb(10 70% 7%)
- OKLCH
- oklch(0.835 0.057 31.9)
- OKLab
- oklab(0.835 0.049 0.03)
- CIE Lab
- lab(80.41 16.72 11.99)
- LCH
- lch(80.41 20.57 35.7)
- CMYK
- cmyk(0% 20% 25% 7%)
Teintes · Ombres · Tons
Teintes
- EEC3BA
- F0C9C1
- F2D0C9
- F4D7D0
- F6DDD8
- F8E4E0
- FAEBE8
- FCF1EF
- FDF8F7
Ombres
- CDA39A
- AF8B83
- 92736D
- 765D57
- 5B4743
- 42322F
- 291F1D
- 130D0C
- 030201
Tons
- E1B6AD
- D6B0A8
- CBAAA3
- C0A49E
- B59E99
- AA9894
- A0928F
- 958C8A
- 8B8685
Harmonies de couleurs
Complémentaire +180°
- ECBCB2
Peach Souffle
- 9ED4DF
≈ Ocean Cruise
Analogue -30° +30°
- ECBCB2
Peach Souffle
- EABAC6
≈ Chantilly
- E5C1A3
≈ Fabulous Fawn
Triadique +120° +240°
- ECBCB2
Peach Souffle
- AED4B7
≈ Enchanted Meadow
- BBC8EF
≈ Cuddle
Complémentaire divisée +150° +210°
- ECBCB2
Peach Souffle
- A0D6CC
≈ Yucca Cream
- A9CEEC
≈ Sail
Tétradique +90° +180° +270°
- ECBCB2
Peach Souffle
- C2CFA6
≈ Landscape
- 9ED4DF
≈ Ocean Cruise
- CFC1E9
≈ York Plum
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.69:1 · APCA Lc 30
Ag
AAASur noir
WCAG 12.40:1 · APCA Lc 73
Meilleure couleur de texte: #000000
WCAG 12.40:1 (AAA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--peach-souffle: #ecbcb2;
--peach-souffle-rgb: 236 188 178;
--peach-souffle-oklch: oklch(0.835 0.057 31.9);
}
.element {
color: var(--peach-souffle);
background-color: hsl(10 60% 81%);
border-color: oklch(0.835 0.057 31.9);
}Tailwind CSS v4
@theme {
--color-peach-souffle: #ecbcb2;
--color-peach-souffle-50: #fff0eb;
--color-peach-souffle-100: #fae2dc;
--color-peach-souffle-200: #ecccc4;
--color-peach-souffle-300: #d3ada4;
--color-peach-souffle-400: #be9289;
--color-peach-souffle-500: #a9786e;
--color-peach-souffle-600: #8f665e;
--color-peach-souffle-700: #72514b;
--color-peach-souffle-800: #553b37;
--color-peach-souffle-900: #3b2825;
--color-peach-souffle-950: #251614;
}SCSS
$peach-souffle: #ecbcb2;
$peach-souffle-rgb: 236, 188, 178;
$peach-souffle-light: mix(#fff, $peach-souffle, 20%);
$peach-souffle-dark: mix(#000, $peach-souffle, 20%);
.element {
color: $peach-souffle;
box-shadow: 0 0 0 2px rgba($peach-souffle, 0.35);
}