Colore con nome · #EBC6C0
Snow Pink
Snow Pink è #EBC6C0: rgb(235 198 192), hsl(8 52% 84%), oklch(0.857 0.043 28.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Snow Pink color name →
#EBC6C0
oklch(0.857 0.043 28.8)
Conversioni di colore
- HEX
- #ebc6c0
- RGB
- rgb(235 198 192)
- HSL
- hsl(8 52% 84%)
- HWB
- hwb(8 75% 8%)
- OKLCH
- oklch(0.857 0.043 28.8)
- OKLab
- oklab(0.857 0.038 0.021)
- CIE Lab
- lab(83 12.84 8.16)
- LCH
- lch(83 15.21 32.4)
- CMYK
- cmyk(0% 16% 18% 8%)
Tinte · Ombre · Toni
Tinte
- EDCCC6
- EFD1CC
- F1D7D3
- F3DDD9
- F6E2DF
- F7E8E5
- F9EEEC
- FBF3F2
- FDF9F9
Ombre
- CCACA7
- AE928E
- 917A76
- 75625F
- 5B4B49
- 413534
- 292120
- 130E0E
- 030202
Toni
- E0BFB9
- D5B8B3
- CAB1AC
- BFA9A6
- B4A29F
- AA9B99
- 9F9593
- 958E8C
- 8A8786
Armonie di colore
Complementare +180°
- EBC6C0
Snow Pink
- B0D8DF
≈ Araucana Egg
Analogo -30° +30°
- EBC6C0
Snow Pink
- E9C5CF
≈ Light Blush
- E6CAB5
≈ Geyser Basin
Triadico +120° +240°
- EBC6C0
Snow Pink
- BDD8C1
≈ Namaste
- C4CFED
≈ Purple Pj’s
Complementare divisa +150° +210°
- EBC6C0
Snow Pink
- B3DAD0
≈ Balmy Seas
- B7D5EA
≈ Light Sea Cliff
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.37:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.37:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--snow-pink: #ebc6c0;
--snow-pink-rgb: 235 198 192;
--snow-pink-oklch: oklch(0.857 0.043 28.8);
}
.element {
color: var(--snow-pink);
background-color: hsl(8 52% 84%);
border-color: oklch(0.857 0.043 28.8);
}Tailwind CSS v4
@theme {
--color-snow-pink: #ebc6c0;
--color-snow-pink-50: #fff1ee;
--color-snow-pink-100: #f6e3df;
--color-snow-pink-200: #e6cec9;
--color-snow-pink-300: #cdb0aa;
--color-snow-pink-400: #b79590;
--color-snow-pink-500: #a17c76;
--color-snow-pink-600: #886964;
--color-snow-pink-700: #6d5450;
--color-snow-pink-800: #503d3a;
--color-snow-pink-900: #382a28;
--color-snow-pink-950: #231716;
}SCSS
$snow-pink: #ebc6c0;
$snow-pink-rgb: 235, 198, 192;
$snow-pink-light: mix(#fff, $snow-pink, 20%);
$snow-pink-dark: mix(#000, $snow-pink, 20%);
.element {
color: $snow-pink;
box-shadow: 0 0 0 2px rgba($snow-pink, 0.35);
}