Màu có tên · #F590A0
Dollie
Dollie là #F590A0: rgb(245 144 160), hsl(350 83% 76%), oklch(0.764 0.123 10.2). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Red mean? → · Dollie color name →
#F590A0
oklch(0.764 0.123 10.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F79BA9
- F9A7B2
- FBB2BC
- FCBDC5
- FEC8CF
- FFD3D8
- FFDEE2
- FFE9EB
- FFF4F5
Sắc đậm
- D57D8B
- B66A76
- 985761
- 7B454E
- 5F343B
- 442429
- 2B1519
- 150709
- 030101
Sắc xám
- E98F9D
- DE8E9A
- D28C96
- C78B93
- BB8990
- B0888D
- A4868A
- 988486
- 8C8283
Hòa sắc
Bổ túc +180°
- F590A0
Dollie
- 2FCBC4
≈ Blue Martina
Tương đồng -30° +30°
- F590A0
Dollie
- E692CB
≈ Crepe Myrtle
- F49675
≈ Indian Dance
Bộ ba +120° +240°
- F590A0
Dollie
- 98C26C
≈ Pistachio
- 73B7FD
≈ French Sky Blue
Bổ túc chia +150° +210°
- F590A0
Dollie
- 62CA97
≈ Vegetation
- 3EC4E8
≈ Clean Pool
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.23:1 · APCA Lc 44
Ag
AAATrên nền đen
WCAG 9.37:1 · APCA Lc 58
Màu chữ tốt nhất: #000000
WCAG 9.37:1 (AAA) · APCA Lc 58
Contrast pairs
Đoạn mã
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);
}