Colore con nome · #E3B5AD
Stormy Pink
Stormy Pink è #E3B5AD: rgb(227 181 173), hsl(9 49% 78%), oklch(0.812 0.055 29.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Stormy Pink color name →
#E3B5AD
oklch(0.812 0.055 29.7)
Conversioni di colore
- HEX
- #e3b5ad
- RGB
- rgb(227 181 173)
- HSL
- hsl(9 49% 78%)
- HWB
- hwb(9 68% 11%)
- OKLCH
- oklch(0.812 0.055 29.7)
- OKLab
- oklab(0.812 0.048 0.027)
- CIE Lab
- lab(77.73 16.29 10.76)
- LCH
- lch(77.73 19.53 33.4)
- CMYK
- cmyk(0% 20% 24% 11%)
Tinte · Ombre · Toni
Tinte
- E6BCB5
- E9C4BD
- ECCBC5
- EFD2CD
- F2DAD5
- F5E1DE
- F7E9E6
- FAF0EE
- FCF7F7
Ombre
- C59D96
- A8867F
- 8C6F6A
- 715955
- 574441
- 3F302D
- 271D1B
- 120C0B
- 030201
Toni
- D9B0A8
- CFAAA4
- C5A59F
- BBA09B
- B19A96
- A79592
- 9D908D
- 938A89
- 8A8584
Armonie di colore
Complementare +180°
- E3B5AD
Stormy Pink
- 98CCD5
≈ Gentle Aquamarine
Analogo -30° +30°
- E3B5AD
Stormy Pink
- E1B3C0
≈ Mental Floss
- DDBA9F
≈ Holmes Cream
Triadico +120° +240°
- E3B5AD
Stormy Pink
- A9CCAF
≈ Pastel Meadow
- B3C1E6
≈ Spoiled Rotten
Complementare divisa +150° +210°
- E3B5AD
Stormy Pink
- 9BCEC3
≈ Thermal Aqua
- A2C7E2
≈ Sea Cliff
Tetradico +90° +180° +270°
- E3B5AD
Stormy Pink
- BDC7A0
≈ Seagrass
- 98CCD5
≈ Gentle Aquamarine
- C6BAE1
≈ Viking Diva
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.82:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.47:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.47:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
CSS
:root {
--stormy-pink: #e3b5ad;
--stormy-pink-rgb: 227 181 173;
--stormy-pink-oklch: oklch(0.812 0.055 29.7);
}
.element {
color: var(--stormy-pink);
background-color: hsl(9 49% 78%);
border-color: oklch(0.812 0.055 29.7);
}Tailwind CSS v4
@theme {
--color-stormy-pink: #e3b5ad;
--color-stormy-pink-50: #fff0ec;
--color-stormy-pink-100: #fae2dd;
--color-stormy-pink-200: #ebccc6;
--color-stormy-pink-300: #d2aea6;
--color-stormy-pink-400: #bd938c;
--color-stormy-pink-500: #a87971;
--color-stormy-pink-600: #8e6660;
--color-stormy-pink-700: #72524c;
--color-stormy-pink-800: #543b38;
--color-stormy-pink-900: #3b2926;
--color-stormy-pink-950: #241615;
}SCSS
$stormy-pink: #e3b5ad;
$stormy-pink-rgb: 227, 181, 173;
$stormy-pink-light: mix(#fff, $stormy-pink, 20%);
$stormy-pink-dark: mix(#000, $stormy-pink, 20%);
.element {
color: $stormy-pink;
box-shadow: 0 0 0 2px rgba($stormy-pink, 0.35);
}