Màu có tên gần nhất · #6713C3
#6713C3
Màu có tên gần nhất: Sea Serpent’s Tears
#6713C3 (rgb(103 19 195), hsl(269 82% 42%), oklch(0.449 0.233 296.1)) 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.
#6713C3
oklch(0.449 0.233 296.1)
Chuyển đổi màu
- HEX
- #6713c3
- RGB
- rgb(103 19 195)
- HSL
- hsl(269 82% 42%)
- HWB
- hwb(269 7% 24%)
- OKLCH
- oklch(0.449 0.233 296.1)
- OKLab
- oklab(0.449 0.102 -0.209)
- CIE Lab
- lab(31.33 58.61 -74.48)
- LCH
- lch(31.33 94.78 308.2)
- CMYK
- cmyk(47% 90% 0% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 733ACB
- 8154D3
- 8F6BDA
- 9D81E0
- AC96E7
- BCABED
- CCC0F2
- DDD5F7
- EEEAFB
Sắc đậm
- 590FA9
- 4B0B90
- 3D0778
- 300560
- 23034A
- 170134
- 0C0120
- 04000E
- 000002
Sắc xám
- 682BBD
- 6A3BB8
- 6C47B2
- 6E51AB
- 715AA5
- 73639E
- 766B97
- 797290
- 7D7988
Hòa sắc
Bổ túc +180°
- 6713C3
Sea Serpent’s Tears
- 525B00
≈ Greensboro
Tương đồng -30° +30°
- 6713C3
Sea Serpent’s Tears
- 1A3AD3
≈ Third Eye Chakra
- 8A0090
≈ Dark Magenta
Bộ ba +120° +240°
- 6713C3
Sea Serpent’s Tears
- 814100
≈ Hazelnut Chocolate
- 006453
≈ Piney Lake
Bổ túc chia +150° +210°
- 6713C3
Sea Serpent’s Tears
- 6B5000
≈ Olive Brown
- 00671E
≈ Paradise Palms
Bộ bốn +90° +180° +270°
- 6713C3
Sea Serpent’s Tears
- A20013
≈ Dear Darling
- 525B00
≈ Greensboro
- 00616A
≈ Turkish Aqua
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.54:1 · APCA Lc 88
Ag
FailTrên nền đen
WCAG 2.45:1 · APCA Lc 15
Màu chữ tốt nhất: #FFFFFF
WCAG 8.54:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
CSS
:root {
--sea-serpent-s-tears: #6713c3;
--sea-serpent-s-tears-rgb: 103 19 195;
--sea-serpent-s-tears-oklch: oklch(0.449 0.233 296.1);
}
.element {
color: var(--sea-serpent-s-tears);
background-color: hsl(269 82% 42%);
border-color: oklch(0.449 0.233 296.1);
}Tailwind CSS v4
@theme {
--color-sea-serpent-s-tears: #6713c3;
--color-sea-serpent-s-tears-50: #fde7ff;
--color-sea-serpent-s-tears-100: #f1d7ff;
--color-sea-serpent-s-tears-200: #e1bdff;
--color-sea-serpent-s-tears-300: #c799ff;
--color-sea-serpent-s-tears-400: #ae78ff;
--color-sea-serpent-s-tears-500: #9a50ff;
--color-sea-serpent-s-tears-600: #8245e1;
--color-sea-serpent-s-tears-700: #6838b5;
--color-sea-serpent-s-tears-800: #4a2889;
--color-sea-serpent-s-tears-900: #331b61;
--color-sea-serpent-s-tears-950: #1f0943;
}SCSS
$sea-serpent-s-tears: #6713c3;
$sea-serpent-s-tears-rgb: 103, 19, 195;
$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);
}