Colore con nome · #F590A0
Dollie
Dollie è #F590A0: rgb(245 144 160), hsl(350 83% 76%), oklch(0.764 0.123 10.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Dollie color name →
#F590A0
oklch(0.764 0.123 10.2)
Conversioni di colore
- HEX
- #f590a0
- RGB
- rgb(245 144 160)
- HSL
- hsl(350 83% 76%)
- HWB
- hwb(350 56% 4%)
- OKLCH
- oklch(0.764 0.123 10.2)
- OKLab
- oklab(0.764 0.121 0.022)
- CIE Lab
- lab(71.17 40.38 9.02)
- LCH
- lch(71.17 41.38 12.6)
- CMYK
- cmyk(0% 41% 35% 4%)
Tinte · Ombre · Toni
Tinte
- F79BA9
- F9A7B2
- FBB2BC
- FCBDC5
- FEC8CF
- FFD3D8
- FFDEE2
- FFE9EB
- FFF4F5
Ombre
- D57D8B
- B66A76
- 985761
- 7B454E
- 5F343B
- 442429
- 2B1519
- 150709
- 030101
Toni
- E98F9D
- DE8E9A
- D28C96
- C78B93
- BB8990
- B0888D
- A4868A
- 988486
- 8C8283
Armonie di colore
Complementare +180°
- F590A0
Dollie
- 2FCBC4
≈ Blue Martina
Analogo -30° +30°
- F590A0
Dollie
- E692CB
≈ Crepe Myrtle
- F49675
≈ Indian Dance
Triadico +120° +240°
- F590A0
Dollie
- 98C26C
≈ Pistachio
- 73B7FD
≈ French Sky Blue
Complementare divisa +150° +210°
- F590A0
Dollie
- 62CA97
≈ Vegetation
- 3EC4E8
≈ Clean Pool
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.23:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.37:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.37:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--dollie: #f590a0;
--dollie-rgb: 245 144 160;
--dollie-oklch: oklch(0.764 0.123 10.2);
}
.element {
color: var(--dollie);
background-color: hsl(350 83% 76%);
border-color: oklch(0.764 0.123 10.2);
}Tailwind CSS v4
@theme {
--color-dollie: #f590a0;
--color-dollie-50: #ffe7ec;
--color-dollie-100: #ffd8dd;
--color-dollie-200: #ffbfc6;
--color-dollie-300: #ef9da6;
--color-dollie-400: #dc7e8d;
--color-dollie-500: #c95f73;
--color-dollie-600: #aa5162;
--color-dollie-700: #88414e;
--color-dollie-800: #652e3a;
--color-dollie-900: #471f28;
--color-dollie-950: #2e0f16;
}SCSS
$dollie: #f590a0;
$dollie-rgb: 245, 144, 160;
$dollie-light: mix(#fff, $dollie, 20%);
$dollie-dark: mix(#000, $dollie, 20%);
.element {
color: $dollie;
box-shadow: 0 0 0 2px rgba($dollie, 0.35);
}