Màu có tên gần nhất · #5317AF
#5317AF
Màu có tên gần nhất: Sea Serpent’s Tears
#5317AF (rgb(83 23 175), hsl(264 77% 39%), oklch(0.408 0.211 291.5)) gần nhất với màu có tên Sea Serpent’s Tears. 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.
#5317AF
oklch(0.408 0.211 291.5)
Chuyển đổi màu
- HEX
- #5317af
- RGB
- rgb(83 23 175)
- HSL
- hsl(264 77% 39%)
- HWB
- hwb(264 9% 31%)
- OKLCH
- oklch(0.408 0.211 291.5)
- OKLab
- oklab(0.408 0.077 -0.196)
- CIE Lab
- lab(27.12 50.86 -69.68)
- LCH
- lch(27.12 86.27 306.1)
- CMYK
- cmyk(53% 87% 0% 31%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6039B9
- 6F52C2
- 7F68CB
- 8F7ED4
- A094DC
- B2A9E4
- C5BEEB
- D8D4F2
- EBE9F9
Sắc đậm
- 471298
- 3B0E81
- 300A6B
- 250656
- 1B0441
- 11022E
- 08011C
- 02000B
- 000001
Sắc xám
- 562BAB
- 5939A8
- 5D45A4
- 614FA0
- 66589B
- 6A6197
- 6F6992
- 75718C
- 7A7986
Hòa sắc
Bổ túc +180°
- 5317AF
Sea Serpent’s Tears
- 4C4E00
≈ Scorzonera Brown
Tương đồng -30° +30°
- 5317AF
Sea Serpent’s Tears
- 003EAA
≈ Royal Azure
- 760086
≈ Ultraberry
Bộ ba +120° +240°
- 5317AF
Sea Serpent’s Tears
- 753500
≈ Bay Brown
- 005744
≈ Sacramento State Green
Bổ túc chia +150° +210°
- 5317AF
Sea Serpent’s Tears
- 614400
≈ Mud Brown
- 0C5A00
≈ Lincoln Green
Bộ bốn +90° +180° +270°
- 5317AF
Sea Serpent’s Tears
- 8E001E
≈ Burgundy
- 4C4E00
≈ Scorzonera Brown
- 00555A
≈ Deep Teal
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.95:1 · APCA Lc 92
Ag
FailTrên nền đen
WCAG 2.10:1 · APCA Lc 11
Màu chữ tốt nhất: #FFFFFF
WCAG 9.95:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--sea-serpent-s-tears: #5317af;
--sea-serpent-s-tears-rgb: 83 23 175;
--sea-serpent-s-tears-oklch: oklch(0.408 0.211 291.5);
}
.element {
color: var(--sea-serpent-s-tears);
background-color: hsl(264 77% 39%);
border-color: oklch(0.408 0.211 291.5);
}Tailwind CSS v4
@theme {
--color-sea-serpent-s-tears: #5317af;
--color-sea-serpent-s-tears-50: #f7eaff;
--color-sea-serpent-s-tears-100: #ebdbff;
--color-sea-serpent-s-tears-200: #d8c2ff;
--color-sea-serpent-s-tears-300: #bda0ff;
--color-sea-serpent-s-tears-400: #a381ff;
--color-sea-serpent-s-tears-500: #8e5eff;
--color-sea-serpent-s-tears-600: #7850da;
--color-sea-serpent-s-tears-700: #6040b0;
--color-sea-serpent-s-tears-800: #442f85;
--color-sea-serpent-s-tears-900: #2f205e;
--color-sea-serpent-s-tears-950: #1c0e40;
}SCSS
$sea-serpent-s-tears: #5317af;
$sea-serpent-s-tears-rgb: 83, 23, 175;
$sea-serpent-s-tears-light: mix(#fff, $sea-serpent-s-tears, 20%);
$sea-serpent-s-tears-dark: mix(#000, $sea-serpent-s-tears, 20%);
.element {
color: $sea-serpent-s-tears;
box-shadow: 0 0 0 2px rgba($sea-serpent-s-tears, 0.35);
}