Màu có tên gần nhất · #8777FF
#8777FF
Màu có tên gần nhất: Periwinkle
#8777FF (rgb(135 119 255), hsl(247 100% 73%), oklch(0.651 0.195 285)) gần nhất với màu có tên Periwinkle. 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.
#8777FF
oklch(0.651 0.195 285)
Chuyển đổi màu
- HEX
- #8777ff
- RGB
- rgb(135 119 255)
- HSL
- hsl(247 100% 73%)
- HWB
- hwb(247 47% 0%)
- OKLCH
- oklch(0.651 0.195 285)
- OKLab
- oklab(0.651 0.05 -0.188)
- CIE Lab
- lab(56.76 32.47 -67.02)
- LCH
- lch(56.76 74.47 295.8)
- CMYK
- cmyk(47% 53% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9186FF
- 9C94FF
- A7A2FF
- B3B0FF
- BFBDFF
- CBCBFF
- D8D8FF
- E5E5FF
- F2F2FF
Sắc đậm
- 7567DE
- 6357BE
- 51479E
- 413880
- 312A63
- 211C48
- 13102E
- 060516
- 010103
Sắc xám
- 8679F2
- 847BE6
- 837DD9
- 827ECD
- 827FC0
- 8180B4
- 8180A7
- 80809A
- 80808D
Hòa sắc
Bổ túc +180°
- 8777FF
Periwinkle
- 9D9300
≈ Romaine Green
Tương đồng -30° +30°
- 8777FF
Periwinkle
- 2B8EFF
≈ Clear Chill
- BB63DF
≈ Rich Lilac
Bộ ba +120° +240°
- 8777FF
Periwinkle
- E76000
≈ Spanish Orange
- 00A97A
≈ Dragon Scale
Bổ túc chia +150° +210°
- 8777FF
Periwinkle
- BF8100
≈ Turmeric Brown
- 57A700
≈ Ruminant’s Paradise
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 3.43:1 · APCA Lc 62
Ag
AATrên nền đen
WCAG 6.11:1 · APCA Lc 40
Màu chữ tốt nhất: #000000
WCAG 6.11:1 (AA) · APCA Lc 40
Contrast pairs
Đoạn mã
CSS
:root {
--periwinkle: #8777ff;
--periwinkle-rgb: 135 119 255;
--periwinkle-oklch: oklch(0.651 0.195 285);
}
.element {
color: var(--periwinkle);
background-color: hsl(247 100% 73%);
border-color: oklch(0.651 0.195 285);
}Tailwind CSS v4
@theme {
--color-periwinkle: #8777ff;
--color-periwinkle-50: #f1eeff;
--color-periwinkle-100: #e3dfff;
--color-periwinkle-200: #cec7ff;
--color-periwinkle-300: #b2a6ff;
--color-periwinkle-400: #9589ff;
--color-periwinkle-500: #7f68ff;
--color-periwinkle-600: #6b59d7;
--color-periwinkle-700: #5547ad;
--color-periwinkle-800: #3c3482;
--color-periwinkle-900: #29245c;
--color-periwinkle-950: #17123f;
}SCSS
$periwinkle: #8777ff;
$periwinkle-rgb: 135, 119, 255;
$periwinkle-light: mix(#fff, $periwinkle, 20%);
$periwinkle-dark: mix(#000, $periwinkle, 20%);
.element {
color: $periwinkle;
box-shadow: 0 0 0 2px rgba($periwinkle, 0.35);
}