Nazwany kolor · #F590A0
Dollie
Dollie to #F590A0: rgb(245 144 160), hsl(350 83% 76%), oklch(0.764 0.123 10.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Dollie color name →
#F590A0
oklch(0.764 0.123 10.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F79BA9
- F9A7B2
- FBB2BC
- FCBDC5
- FEC8CF
- FFD3D8
- FFDEE2
- FFE9EB
- FFF4F5
Odcienie ciemniejsze
- D57D8B
- B66A76
- 985761
- 7B454E
- 5F343B
- 442429
- 2B1519
- 150709
- 030101
Tony
- E98F9D
- DE8E9A
- D28C96
- C78B93
- BB8990
- B0888D
- A4868A
- 988486
- 8C8283
Harmonie kolorów
Komplementarna +180°
- F590A0
Dollie
- 2FCBC4
≈ Blue Martina
Analogowa -30° +30°
- F590A0
Dollie
- E692CB
≈ Crepe Myrtle
- F49675
≈ Indian Dance
Triada +120° +240°
- F590A0
Dollie
- 98C26C
≈ Pistachio
- 73B7FD
≈ French Sky Blue
Komplementarna rozszczepiona +150° +210°
- F590A0
Dollie
- 62CA97
≈ Vegetation
- 3EC4E8
≈ Clean Pool
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.23:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.37:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.37:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
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);
}