Màu có tên gần nhất · #394BAF
#394BAF
Màu có tên gần nhất: Denim
#394BAF (rgb(57 75 175), hsl(231 51% 45%), oklch(0.458 0.16 271)) 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.
#394BAF
oklch(0.458 0.16 271)
Chuyển đổi màu
- HEX
- #394baf
- RGB
- rgb(57 75 175)
- HSL
- hsl(231 51% 45%)
- HWB
- hwb(231 22% 31%)
- OKLCH
- oklch(0.458 0.16 271)
- OKLab
- oklab(0.458 0.003 -0.16)
- CIE Lab
- lab(35.11 19.43 -56.74)
- LCH
- lch(35.11 59.98 288.9)
- CMYK
- cmyk(67% 57% 0% 31%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 495EB8
- 5B70C1
- 6D82CA
- 8193D2
- 95A5DA
- A9B7E2
- BEC9EA
- D3DBF1
- E9EDF8
Sắc đậm
- 304098
- 283581
- 1F2B6B
- 172156
- 101741
- 090E2E
- 04061C
- 01020B
- 000001
Sắc xám
- 3F52AB
- 4558A7
- 4C5EA3
- 53649F
- 5A699A
- 626E95
- 697391
- 71778B
- 787C86
Hòa sắc
Bổ túc +180°
- 394BAF
Denim
- 6B5500
≈ Ayahuasca Vine
Tương đồng -30° +30°
- 394BAF
Denim
- 005D8D
≈ Mamala Bay
- 683AA1
≈ Purple Heart
Bộ ba +120° +240°
- 394BAF
Denim
- 9D2414
≈ Burnt Red
- 006A31
≈ Ireland Green
Bổ túc chia +150° +210°
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.50:1 · APCA Lc 86
Ag
FailTrên nền đen
WCAG 2.79:1 · APCA Lc 16
Màu chữ tốt nhất: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--denim: #394baf;
--denim-rgb: 57 75 175;
--denim-oklch: oklch(0.458 0.16 271);
}
.element {
color: var(--denim);
background-color: hsl(231 51% 45%);
border-color: oklch(0.458 0.16 271);
}Tailwind CSS v4
@theme {
--color-denim: #394baf;
--color-denim-50: #e5f3ff;
--color-denim-100: #d6e5ff;
--color-denim-200: #bdd0ff;
--color-denim-300: #9cb1ff;
--color-denim-400: #7c97fc;
--color-denim-500: #617bef;
--color-denim-600: #5268c9;
--color-denim-700: #4153a2;
--color-denim-800: #2c3d79;
--color-denim-900: #1e2a56;
--color-denim-950: #0e173a;
}SCSS
$denim: #394baf;
$denim-rgb: 57, 75, 175;
$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);
}