Colore con nome · #FDB0C0
Soft Pink
Soft Pink è #FDB0C0: rgb(253 176 192), hsl(348 95% 84%), oklch(0.835 0.092 5.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Soft Pink color name →
#FDB0C0
oklch(0.835 0.092 5.6)
Conversioni di colore
- HEX
- #fdb0c0
- RGB
- rgb(253 176 192)
- HSL
- hsl(348 95% 84%)
- HWB
- hwb(348 69% 1%)
- OKLCH
- oklch(0.835 0.092 5.6)
- OKLab
- oklab(0.835 0.091 0.009)
- CIE Lab
- lab(79.71 30.51 3.8)
- LCH
- lch(79.71 30.74 7.1)
- CMYK
- cmyk(0% 30% 24% 1%)
Tinte · Ombre · Toni
Tinte
- FEB8C6
- FFC0CC
- FFC8D3
- FFD0D9
- FFD8DF
- FFE0E5
- FFE7EC
- FFEFF2
- FFF7F9
Ombre
- DC99A7
- BC828E
- 9D6C76
- 7F565F
- 624249
- 472E34
- 2D1C20
- 160B0E
- 030102
Toni
- F0ABB9
- E4A7B3
- D7A2AC
- CA9DA6
- BE989F
- B29399
- A58F93
- 998A8C
- 8C8586
Armonie di colore
Complementare +180°
- FDB0C0
Soft Pink
- 7EDDD1
≈ Shimmering Blue
Analogo -30° +30°
- FDB0C0
Soft Pink
- EFB2E0
≈ Soft Cashmere
- FEB4A0
≈ Persicus
Triadico +120° +240°
- FDB0C0
Soft Pink
- BAD492
≈ Spring Has Sprung
- 99CFFF
≈ Long Island Sound
Complementare divisa +150° +210°
- FDB0C0
Soft Pink
- 97DBAF
≈ Peaceful Pastures
- 7ED8EF
≈ Medium Sky Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.14:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.14:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--soft-pink: #fdb0c0;
--soft-pink-rgb: 253 176 192;
--soft-pink-oklch: oklch(0.835 0.092 5.6);
}
.element {
color: var(--soft-pink);
background-color: hsl(348 95% 84%);
border-color: oklch(0.835 0.092 5.6);
}Tailwind CSS v4
@theme {
--color-soft-pink: #fdb0c0;
--color-soft-pink-50: #ffebf0;
--color-soft-pink-100: #ffdce2;
--color-soft-pink-200: #f8c5cd;
--color-soft-pink-300: #e1a4af;
--color-soft-pink-400: #cd8796;
--color-soft-pink-500: #b96b7d;
--color-soft-pink-600: #9c5b6a;
--color-soft-pink-700: #7e4955;
--color-soft-pink-800: #5d343f;
--color-soft-pink-900: #41242b;
--color-soft-pink-950: #291219;
}SCSS
$soft-pink: #fdb0c0;
$soft-pink-rgb: 253, 176, 192;
$soft-pink-light: mix(#fff, $soft-pink, 20%);
$soft-pink-dark: mix(#000, $soft-pink, 20%);
.element {
color: $soft-pink;
box-shadow: 0 0 0 2px rgba($soft-pink, 0.35);
}