Màu có tên gần nhất · #50048D
#50048D
Màu có tên gần nhất: Indigo Static
#50048D (rgb(80 4 141), hsl(273 94% 28%), oklch(0.359 0.188 300.5)) gần nhất với màu có tên Indigo Static. 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.
#50048D
oklch(0.359 0.188 300.5)
Chuyển đổi màu
- HEX
- #50048d
- RGB
- rgb(80 4 141)
- HSL
- hsl(273 94% 28%)
- HWB
- hwb(273 2% 45%)
- OKLCH
- oklch(0.359 0.188 300.5)
- OKLab
- oklab(0.359 0.095 -0.162)
- CIE Lab
- lab(21.9 48.71 -57.56)
- LCH
- lch(21.9 75.4 310.2)
- CMYK
- cmyk(43% 97% 0% 45%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5F2C9A
- 6F46A6
- 7F5DB2
- 9074BE
- A18BCA
- B3A2D5
- C6B8E0
- D8D0EA
- ECE7F5
Sắc đậm
- 44037A
- 390267
- 2E0155
- 240144
- 1A0133
- 100023
- 070014
- 020007
- 000001
Sắc xám
- 541E8D
- 582E8D
- 5D3A8C
- 61468B
- 66508A
- 6B5A89
- 706487
- 756D85
- 7B7783
Hòa sắc
Bổ túc +180°
- 50048D
Indigo Static
- 374300
≈ Garden Shadow
Tương đồng -30° +30°
- 50048D
Indigo Static
- 1F249D
≈ Deepsea Kraken
- 680063
≈ Purple Dreamer
Bộ ba +120° +240°
- 50048D
Indigo Static
- 5C3000
≈ Eyelash Camel
- 00483E
≈ Tropical Forest
Bổ túc chia +150° +210°
- 50048D
Indigo Static
- 4C3B00
≈ Xanthophobia
- 004A1F
≈ Pine Green
Bộ bốn +90° +180° +270°
- 50048D
Indigo Static
- 760700
≈ Liquorice Red
- 374300
≈ Garden Shadow
- 00454F
≈ Crab Nebula
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 12.04:1 · APCA Lc 96
Ag
FailTrên nền đen
WCAG 1.74:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 12.04:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--indigo-static: #50048d;
--indigo-static-rgb: 80 4 141;
--indigo-static-oklch: oklch(0.359 0.188 300.5);
}
.element {
color: var(--indigo-static);
background-color: hsl(273 94% 28%);
border-color: oklch(0.359 0.188 300.5);
}Tailwind CSS v4
@theme {
--color-indigo-static: #50048d;
--color-indigo-static-50: #ffe9ff;
--color-indigo-static-100: #f4d9ff;
--color-indigo-static-200: #e4c1ff;
--color-indigo-static-300: #ca9eff;
--color-indigo-static-400: #b180fb;
--color-indigo-static-500: #9c5fed;
--color-indigo-static-600: #8451c8;
--color-indigo-static-700: #6a41a1;
--color-indigo-static-800: #4c2f79;
--color-indigo-static-900: #352056;
--color-indigo-static-950: #200e3a;
}SCSS
$indigo-static: #50048d;
$indigo-static-rgb: 80, 4, 141;
$indigo-static-light: mix(#fff, $indigo-static, 20%);
$indigo-static-dark: mix(#000, $indigo-static, 20%);
.element {
color: $indigo-static;
box-shadow: 0 0 0 2px rgba($indigo-static, 0.35);
}