Colore con nome · #F3A09A
Pink Eraser
Pink Eraser è #F3A09A: rgb(243 160 154), hsl(4 79% 78%), oklch(0.786 0.1 24.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Pink Eraser color name →
#F3A09A
oklch(0.786 0.1 24.1)
Conversioni di colore
- HEX
- #f3a09a
- RGB
- rgb(243 160 154)
- HSL
- hsl(4 79% 78%)
- HWB
- hwb(4 60% 5%)
- OKLCH
- oklch(0.786 0.1 24.1)
- OKLab
- oklab(0.786 0.091 0.041)
- CIE Lab
- lab(74.25 31.2 16.55)
- LCH
- lch(74.25 35.31 27.9)
- CMYK
- cmyk(0% 34% 37% 5%)
Tinte · Ombre · Toni
Tinte
- F5AAA4
- F7B3AE
- F9BDB8
- FAC6C2
- FCD0CC
- FDD9D6
- FEE3E0
- FEECEA
- FFF6F5
Ombre
- D38B85
- B47671
- 97615E
- 7A4E4B
- 5E3B39
- 442927
- 2B1917
- 140909
- 030101
Toni
- E79D97
- DC9A95
- D19792
- C59490
- BA918D
- AE8E8B
- A38A88
- 978785
- 8C8383
Armonie di colore
Complementare +180°
- F3A09A
Pink Eraser
- 60CCD7
≈ Watercourse
Analogo -30° +30°
- F3A09A
Pink Eraser
- ED9FBE
≈ Prism Pink
- ECA87B
≈ Apricot Nectar
Triadico +120° +240°
- F3A09A
Pink Eraser
- 92CB91
≈ Fennel
- 99B9FA
≈ Truesky Gloxym
Complementare divisa +150° +210°
- F3A09A
Pink Eraser
- 6ECFB5
≈ Seafoam Blue
- 75C4F0
≈ Spritzig
Tetradico +90° +180° +270°
- F3A09A
Pink Eraser
- B8C175
≈ Zoodles
- 60CCD7
≈ Watercourse
- BDADF4
≈ Purple Sand
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.03:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.30:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.30:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--pink-eraser: #f3a09a;
--pink-eraser-rgb: 243 160 154;
--pink-eraser-oklch: oklch(0.786 0.1 24.1);
}
.element {
color: var(--pink-eraser);
background-color: hsl(4 79% 78%);
border-color: oklch(0.786 0.1 24.1);
}Tailwind CSS v4
@theme {
--color-pink-eraser: #f3a09a;
--color-pink-eraser-50: #ffebe6;
--color-pink-eraser-100: #ffdcd7;
--color-pink-eraser-200: #fcc5be;
--color-pink-eraser-300: #e6a49d;
--color-pink-eraser-400: #d38781;
--color-pink-eraser-500: #c06a65;
--color-pink-eraser-600: #a25a56;
--color-pink-eraser-700: #824844;
--color-pink-eraser-800: #603432;
--color-pink-eraser-900: #442322;
--color-pink-eraser-950: #2b1211;
}SCSS
$pink-eraser: #f3a09a;
$pink-eraser-rgb: 243, 160, 154;
$pink-eraser-light: mix(#fff, $pink-eraser, 20%);
$pink-eraser-dark: mix(#000, $pink-eraser, 20%);
.element {
color: $pink-eraser;
box-shadow: 0 0 0 2px rgba($pink-eraser, 0.35);
}