Colore con nome · #F4A6A3
Calabrese
Calabrese è #F4A6A3: rgb(244 166 163), hsl(2 79% 80%), oklch(0.8 0.093 21.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Calabrese color name →
#F4A6A3
oklch(0.8 0.093 21.8)
Conversioni di colore
- HEX
- #f4a6a3
- RGB
- rgb(244 166 163)
- HSL
- hsl(2 79% 80%)
- HWB
- hwb(2 64% 4%)
- OKLCH
- oklch(0.8 0.093 21.8)
- OKLab
- oklab(0.8 0.086 0.035)
- CIE Lab
- lab(75.88 29.36 13.91)
- LCH
- lch(75.88 32.49 25.4)
- CMYK
- cmyk(0% 32% 33% 4%)
Tinte · Ombre · Toni
Tinte
- F6AFAC
- F8B8B5
- F9C1BE
- FBCAC7
- FCD3D0
- FDDBDA
- FEE4E3
- FEEDEC
- FFF6F6
Ombre
- D4908D
- B57A78
- 976563
- 7A514F
- 5E3E3C
- 442B2A
- 2B1A19
- 140A0A
- 030101
Toni
- E8A2A0
- DD9F9C
- D19B99
- C59795
- BA9492
- AE908E
- A38C8B
- 978887
- 8C8484
Armonie di colore
Complementare +180°
- F4A6A3
Calabrese
- 6DD0D7
≈ Throat Chakra
Analogo -30° +30°
- F4A6A3
Calabrese
- EDA5C4
≈ Hushed Rose
- EEAD86
≈ Coral Dust
Triadico +120° +240°
- F4A6A3
Calabrese
- 9CCD96
≈ Kettle Drum
- 9DBEFA
≈ Pastel Blue
Complementare divisa +150° +210°
- F4A6A3
Calabrese
- 7BD2B7
≈ Seafoam Blue
- 7DC9EF
≈ Fish Pond
Tetradico +90° +180° +270°
- F4A6A3
Calabrese
- BFC47D
≈ Soda Pop
- 6DD0D7
≈ Throat Chakra
- BEB3F5
≈ Purple Sand
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.93:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.82:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.82:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--calabrese: #f4a6a3;
--calabrese-rgb: 244 166 163;
--calabrese-oklch: oklch(0.8 0.093 21.8);
}
.element {
color: var(--calabrese);
background-color: hsl(2 79% 80%);
border-color: oklch(0.8 0.093 21.8);
}Tailwind CSS v4
@theme {
--color-calabrese: #f4a6a3;
--color-calabrese-50: #ffece8;
--color-calabrese-100: #ffddd9;
--color-calabrese-200: #fac5c1;
--color-calabrese-300: #e3a5a1;
--color-calabrese-400: #d08886;
--color-calabrese-500: #bc6c6a;
--color-calabrese-600: #9f5c5a;
--color-calabrese-700: #804948;
--color-calabrese-800: #5f3535;
--color-calabrese-900: #422424;
--color-calabrese-950: #2a1313;
}SCSS
$calabrese: #f4a6a3;
$calabrese-rgb: 244, 166, 163;
$calabrese-light: mix(#fff, $calabrese, 20%);
$calabrese-dark: mix(#000, $calabrese, 20%);
.element {
color: $calabrese;
box-shadow: 0 0 0 2px rgba($calabrese, 0.35);
}