Màu có tên · #8E82FE
Periwinkle
Periwinkle là #8E82FE: rgb(142 130 254), hsl(246 98% 75%), oklch(0.675 0.178 285). 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 Blue mean? → · Periwinkle color name →
#8E82FE
oklch(0.675 0.178 285)
Chuyển đổi màu
- HEX
- #8e82fe
- RGB
- rgb(142 130 254)
- HSL
- hsl(246 98% 75%)
- HWB
- hwb(246 51% 0%)
- OKLCH
- oklch(0.675 0.178 285)
- OKLab
- oklab(0.675 0.046 -0.172)
- CIE Lab
- lab(59.92 27.99 -61.39)
- LCH
- lch(59.92 67.47 294.5)
- CMYK
- cmyk(44% 49% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 988FFF
- A29CFF
- ADA9FF
- B8B6FF
- C3C2FF
- CFCEFF
- DADBFF
- E6E7FF
- F3F3FF
Sắc đậm
- 7B70DD
- 685FBD
- 564E9E
- 443E80
- 342F63
- 242047
- 15122D
- 070616
- 010103
Sắc xám
- 8C83F1
- 8A83E5
- 8984D8
- 8784CC
- 8684BF
- 8483B3
- 8383A6
- 82829A
- 81818D
Hòa sắc
Bổ túc +180°
- 8E82FE
Periwinkle
- A49A00
≈ Nuclear Fallout
Tương đồng -30° +30°
- 8E82FE
Periwinkle
- 4097FF
≈ Sky Dancer
- BF70E1
≈ Lavender
Bộ ba +120° +240°
- 8E82FE
Periwinkle
- EC6B23
≈ Island Orange
- 00B180
≈ Dark Mountain Meadow
Bổ túc chia +150° +210°
- 8E82FE
Periwinkle
- C98800
≈ Lobster Butter Sauce
- 63AD2A
≈ Grass
Bộ bốn +90° +180° +270°
- 8E82FE
Periwinkle
- EF5F73
≈ Pink Pepper
- A49A00
≈ Nuclear Fallout
- 00ACAD
≈ Fiji
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.09:1 · APCA Lc 58
Ag
AATrên nền đen
WCAG 6.77:1 · APCA Lc 44
Màu chữ tốt nhất: #000000
WCAG 6.77:1 (AA) · APCA Lc 44
Contrast pairs
Đoạn mã
CSS
:root {
--periwinkle: #8e82fe;
--periwinkle-rgb: 142 130 254;
--periwinkle-oklch: oklch(0.675 0.178 285);
}
.element {
color: var(--periwinkle);
background-color: hsl(246 98% 75%);
border-color: oklch(0.675 0.178 285);
}Tailwind CSS v4
@theme {
--color-periwinkle: #8e82fe;
--color-periwinkle-50: #f1eeff;
--color-periwinkle-100: #e3e0ff;
--color-periwinkle-200: #cfc9ff;
--color-periwinkle-300: #b2a8ff;
--color-periwinkle-400: #968cff;
--color-periwinkle-500: #7e6df5;
--color-periwinkle-600: #6b5dce;
--color-periwinkle-700: #554aa6;
--color-periwinkle-800: #3c367d;
--color-periwinkle-900: #292558;
--color-periwinkle-950: #17133c;
}SCSS
$periwinkle: #8e82fe;
$periwinkle-rgb: 142, 130, 254;
$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);
}