Màu có tên gần nhất · #4548BE
#4548BE
Màu có tên gần nhất: Denim
#4548BE (rgb(69 72 190), hsl(239 48% 51%), oklch(0.473 0.181 275.9)) gần nhất với màu có tên Denim. 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.
#4548BE
oklch(0.473 0.181 275.9)
Chuyển đổi màu
- HEX
- #4548be
- RGB
- rgb(69 72 190)
- HSL
- hsl(239 48% 51%)
- HWB
- hwb(239 27% 25%)
- OKLCH
- oklch(0.473 0.181 275.9)
- OKLab
- oklab(0.473 0.019 -0.18)
- CIE Lab
- lab(36.16 27.94 -63.82)
- LCH
- lch(36.16 69.67 293.6)
- CMYK
- cmyk(64% 62% 0% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 545CC6
- 646FCE
- 7581D5
- 8793DC
- 9AA5E3
- ADB7E9
- C1C9EF
- D5DBF5
- EAEDFA
Sắc đậm
- 3B3DA5
- 31338C
- 272975
- 1E1F5E
- 151648
- 0C0D33
- 05061F
- 02020D
- 000002
Sắc xám
- 4950B9
- 4E57B3
- 545DAE
- 5963A8
- 5F69A2
- 656E9C
- 6C7395
- 72778F
- 797C87
Hòa sắc
Bổ túc +180°
- 4548BE
Denim
- 6C5A00
≈ Brussels Sprout Green
Tương đồng -30° +30°
- 4548BE
Denim
- 00609B
≈ Rave Regatta
- 7534AA
≈ Purple Pristine
Bộ ba +120° +240°
- 4548BE
Denim
- A22A00
≈ Tabasco
- 006E3F
≈ Rainforest Retreat
Bổ túc chia +150° +210°
- 4548BE
Denim
- 834D00
≈ Gédéon Brown
- 4B6700
≈ Serrano Pepper
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.18:1 · APCA Lc 84
Ag
FailTrên nền đen
WCAG 2.92:1 · APCA Lc 18
Màu chữ tốt nhất: #FFFFFF
WCAG 7.18:1 (AAA) · APCA Lc 84
Contrast pairs
Đoạn mã
CSS
:root {
--denim: #4548be;
--denim-rgb: 69 72 190;
--denim-oklch: oklch(0.473 0.181 275.9);
}
.element {
color: var(--denim);
background-color: hsl(239 48% 51%);
border-color: oklch(0.473 0.181 275.9);
}Tailwind CSS v4
@theme {
--color-denim: #4548be;
--color-denim-50: #e8f1ff;
--color-denim-100: #d9e3ff;
--color-denim-200: #c2cdff;
--color-denim-300: #a2adff;
--color-denim-400: #8391ff;
--color-denim-500: #6a73fb;
--color-denim-600: #5962d3;
--color-denim-700: #474eaa;
--color-denim-800: #303a80;
--color-denim-900: #21285a;
--color-denim-950: #11153d;
}SCSS
$denim: #4548be;
$denim-rgb: 69, 72, 190;
$denim-light: mix(#fff, $denim, 20%);
$denim-dark: mix(#000, $denim, 20%);
.element {
color: $denim;
box-shadow: 0 0 0 2px rgba($denim, 0.35);
}