Màu có tên gần nhất · #F08CE1
#F08CE1
Màu có tên gần nhất: Love Dust
#F08CE1 (rgb(240 140 225), hsl(309 77% 75%), oklch(0.773 0.16 332.7)) gần nhất với màu có tên Love Dust. 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.
#F08CE1
oklch(0.773 0.16 332.7)
Chuyển đổi màu
- HEX
- #f08ce1
- RGB
- rgb(240 140 225)
- HSL
- hsl(309 77% 75%)
- HWB
- hwb(309 55% 6%)
- OKLCH
- oklch(0.773 0.16 332.7)
- OKLab
- oklab(0.773 0.142 -0.073)
- CIE Lab
- lab(71.39 47.5 -26.68)
- LCH
- lch(71.39 54.48 330.7)
- CMYK
- cmyk(0% 42% 6% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F298E4
- F5A4E7
- F7B0EB
- F9BBEE
- FAC7F1
- FCD2F4
- FDDDF7
- FEE9F9
- FFF4FC
Sắc đậm
- D179C4
- B267A7
- 95558B
- 784370
- 5D3356
- 43233E
- 2A1427
- 140712
- 030102
Sắc xám
- E58CD7
- DA8BCD
- CF8AC3
- C489BA
- B888B0
- AD87A6
- A2859D
- 978493
- 8B8289
Hòa sắc
Bổ túc +180°
- F08CE1
Love Dust
- 54D282
≈ Spring Bouquet
Tương đồng -30° +30°
- F08CE1
Love Dust
- C79EFF
≈ Diva
- FF8CAD
≈ Rock’n’Rose
Bộ ba +120° +240°
- F08CE1
Love Dust
- D8B100
≈ Crown of Liechtenstein
- 00CBE8
≈ Picnic Day Sky
Bổ túc chia +150° +210°
- F08CE1
Love Dust
- A3C542
≈ Seductive Thorns
- 00D1BD
≈ Exquisite Turquoise
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.20:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.54:1 · APCA Lc 59
Màu chữ tốt nhất: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
Đoạn mã
CSS
:root {
--love-dust: #f08ce1;
--love-dust-rgb: 240 140 225;
--love-dust-oklch: oklch(0.773 0.16 332.7);
}
.element {
color: var(--love-dust);
background-color: hsl(309 77% 75%);
border-color: oklch(0.773 0.16 332.7);
}Tailwind CSS v4
@theme {
--color-love-dust: #f08ce1;
--color-love-dust-50: #ffe5ff;
--color-love-dust-100: #ffd4fe;
--color-love-dust-200: #ffbbf0;
--color-love-dust-300: #e997d8;
--color-love-dust-400: #d578c7;
--color-love-dust-500: #c157b3;
--color-love-dust-600: #a34a97;
--color-love-dust-700: #833b79;
--color-love-dust-800: #602a5c;
--color-love-dust-900: #431c40;
--color-love-dust-950: #2b0c29;
}SCSS
$love-dust: #f08ce1;
$love-dust-rgb: 240, 140, 225;
$love-dust-light: mix(#fff, $love-dust, 20%);
$love-dust-dark: mix(#000, $love-dust, 20%);
.element {
color: $love-dust;
box-shadow: 0 0 0 2px rgba($love-dust, 0.35);
}