Colore con nome · #FADADD
Sun Bleached Pink
Sun Bleached Pink è #FADADD: rgb(250 218 221), hsl(354 76% 92%), oklch(0.916 0.036 11.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Sun Bleached Pink color name →
#FADADD
oklch(0.916 0.036 11.4)
Conversioni di colore
- HEX
- #fadadd
- RGB
- rgb(250 218 221)
- HSL
- hsl(354 76% 92%)
- HWB
- hwb(354 85% 2%)
- OKLCH
- oklch(0.916 0.036 11.4)
- OKLab
- oklab(0.916 0.035 0.007)
- CIE Lab
- lab(89.82 11.8 2.83)
- LCH
- lch(89.82 12.14 13.5)
- CMYK
- cmyk(0% 13% 12% 2%)
Tinte · Ombre · Toni
Tinte
- FBDEE0
- FBE1E4
- FCE5E7
- FCE9EA
- FDECEE
- FDF0F1
- FEF4F5
- FEF8F8
- FFFBFC
Ombre
- D9BDC0
- BAA2A4
- 9B8788
- 7D6C6E
- 615455
- 463C3D
- 2D2526
- 151111
- 030202
Toni
- EDD1D3
- E1C7CA
- D4BEC0
- C8B5B7
- BBACAD
- AFA3A4
- A39A9B
- 979192
- 8C8989
Armonie di colore
Complementare +180°
- FADADD
Sun Bleached Pink
- C9EBE9
≈ Morning Sky
Analogo -30° +30°
- FADADD
Sun Bleached Pink
- F5DAEA
≈ Nursery Pink
- F9DCD1
≈ Light Carob
Triadico +120° +240°
- FADADD
Sun Bleached Pink
- DBE9D0
≈ Minty Frosting
- D2E5FB
≈ Weathered Blue
Complementare divisa +150° +210°
- FADADD
Sun Bleached Pink
- CFEBDC
≈ Hatching Chameleon
- CAE9F4
≈ Frosty Day
Tetradico +90° +180° +270°
- FADADD
Sun Bleached Pink
- E8E4CA
≈ Dirty White
- C9EBE9
≈ Morning Sky
- DEE1FB
≈ Stoic White
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.13:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.13:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--sun-bleached-pink: #fadadd;
--sun-bleached-pink-rgb: 250 218 221;
--sun-bleached-pink-oklch: oklch(0.916 0.036 11.4);
}
.element {
color: var(--sun-bleached-pink);
background-color: hsl(354 76% 92%);
border-color: oklch(0.916 0.036 11.4);
}Tailwind CSS v4
@theme {
--color-sun-bleached-pink: #fadadd;
--color-sun-bleached-pink-50: #fff1f2;
--color-sun-bleached-pink-100: #f4e3e4;
--color-sun-bleached-pink-200: #e3ced0;
--color-sun-bleached-pink-300: #c9b0b2;
--color-sun-bleached-pink-400: #b29699;
--color-sun-bleached-pink-500: #9c7d80;
--color-sun-bleached-pink-600: #846a6c;
--color-sun-bleached-pink-700: #6a5457;
--color-sun-bleached-pink-800: #4e3d40;
--color-sun-bleached-pink-900: #362a2c;
--color-sun-bleached-pink-950: #211819;
}SCSS
$sun-bleached-pink: #fadadd;
$sun-bleached-pink-rgb: 250, 218, 221;
$sun-bleached-pink-light: mix(#fff, $sun-bleached-pink, 20%);
$sun-bleached-pink-dark: mix(#000, $sun-bleached-pink, 20%);
.element {
color: $sun-bleached-pink;
box-shadow: 0 0 0 2px rgba($sun-bleached-pink, 0.35);
}