Màu có tên gần nhất · #F08DEC
#F08DEC
Màu có tên gần nhất: Frail Fuchsia
#F08DEC (rgb(240 141 236), hsl(302 77% 75%), oklch(0.779 0.168 328.5)) gần nhất với màu có tên Frail Fuchsia. 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.
#F08DEC
oklch(0.779 0.168 328.5)
Chuyển đổi màu
- HEX
- #f08dec
- RGB
- rgb(240 141 236)
- HSL
- hsl(302 77% 75%)
- HWB
- hwb(302 55% 6%)
- OKLCH
- oklch(0.779 0.168 328.5)
- OKLab
- oklab(0.779 0.143 -0.088)
- CIE Lab
- lab(71.94 48.42 -31.85)
- LCH
- lch(71.94 57.96 326.7)
- CMYK
- cmyk(0% 41% 2% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F299EE
- F5A5F1
- F7B1F3
- F8BCF5
- FAC7F7
- FBD3F8
- FDDEFA
- FEE9FC
- FEF4FE
Sắc đậm
- D17ACD
- B267AF
- 955592
- 784476
- 5D335B
- 432342
- 2A1429
- 140713
- 030103
Sắc xám
- E58DE1
- DA8CD6
- CE8BCB
- C38AC0
- B889B5
- AD87AB
- A286A0
- 978495
- 8B828B
Hòa sắc
Bổ túc +180°
- F08DEC
Frail Fuchsia
- 5ED478
≈ Spring Bouquet
Tương đồng -30° +30°
- F08DEC
Frail Fuchsia
- C2A4FF
≈ Diva
- FF8EB6
≈ Schauss Pink
Bộ ba +120° +240°
- F08DEC
Frail Fuchsia
- E1B000
≈ Mustard Yellow
- 00CEE4
≈ Picnic Day Sky
Bổ túc chia +150° +210°
- F08DEC
Frail Fuchsia
- ADC52F
≈ Sour Lime
- 00D4B8
≈ Mint Leaf
Bộ bốn +90° +180° +270°
- F08DEC
Frail Fuchsia
- FF9C44
≈ Au Gratin
- 5ED478
≈ Spring Bouquet
- 5FC2FF
≈ Blue Mana
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.15:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.72:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
CSS
:root {
--frail-fuchsia: #f08dec;
--frail-fuchsia-rgb: 240 141 236;
--frail-fuchsia-oklch: oklch(0.779 0.168 328.5);
}
.element {
color: var(--frail-fuchsia);
background-color: hsl(302 77% 75%);
border-color: oklch(0.779 0.168 328.5);
}Tailwind CSS v4
@theme {
--color-frail-fuchsia: #f08dec;
--color-frail-fuchsia-50: #ffe4ff;
--color-frail-fuchsia-100: #ffd4ff;
--color-frail-fuchsia-200: #febaf6;
--color-frail-fuchsia-300: #e897df;
--color-frail-fuchsia-400: #d377cf;
--color-frail-fuchsia-500: #bf55bc;
--color-frail-fuchsia-600: #a1499f;
--color-frail-fuchsia-700: #823a80;
--color-frail-fuchsia-800: #5f2a60;
--color-frail-fuchsia-900: #431c44;
--color-frail-fuchsia-950: #2b0c2c;
}SCSS
$frail-fuchsia: #f08dec;
$frail-fuchsia-rgb: 240, 141, 236;
$frail-fuchsia-light: mix(#fff, $frail-fuchsia, 20%);
$frail-fuchsia-dark: mix(#000, $frail-fuchsia, 20%);
.element {
color: $frail-fuchsia;
box-shadow: 0 0 0 2px rgba($frail-fuchsia, 0.35);
}