Màu có tên gần nhất · #003C99
#003C99
Màu có tên gần nhất: Smalt
#003C99 (rgb(0 60 153), hsl(216 100% 30%), oklch(0.389 0.162 260.4)) gần nhất với màu có tên Smalt. 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.
#003C99
oklch(0.389 0.162 260.4)
Chuyển đổi màu
- HEX
- #003c99
- RGB
- rgb(0 60 153)
- HSL
- hsl(216 100% 30%)
- HWB
- hwb(216 0% 40%)
- OKLCH
- oklch(0.389 0.162 260.4)
- OKLab
- oklab(0.389 -0.027 -0.16)
- CIE Lab
- lab(27.21 15.09 -56.49)
- LCH
- lch(27.21 58.47 285)
- CMYK
- cmyk(100% 61% 0% 40%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 1F51A4
- 3864B0
- 5077BB
- 688BC5
- 809ECF
- 98B1D9
- B1C4E3
- CBD8ED
- E5EBF6
Sắc đậm
- 003384
- 002A70
- 00215D
- 00194A
- 001138
- 000A27
- 000417
- 000108
- 000001
Sắc xám
- 134598
- 224D96
- 2F5494
- 3B5B92
- 466290
- 52688D
- 5D6E8A
- 697487
- 747A84
Hòa sắc
Bổ túc +180°
- 003C99
Smalt
- 5B3F00
≈ Hippogriff Brown
Tương đồng -30° +30°
- 003C99
Smalt
- 004C66
≈ Fresco Blue
- 492993
≈ Galactic Purple
Bộ ba +120° +240°
- 003C99
Smalt
- 84001E
≈ Oxblood
- 125400
≈ Donegal 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 9.96:1 · APCA Lc 92
Ag
FailTrên nền đen
WCAG 2.10:1 · APCA Lc 10
Màu chữ tốt nhất: #FFFFFF
WCAG 9.96:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--smalt: #003c99;
--smalt-rgb: 0 60 153;
--smalt-oklch: oklch(0.389 0.162 260.4);
}
.element {
color: var(--smalt);
background-color: hsl(216 100% 30%);
border-color: oklch(0.389 0.162 260.4);
}Tailwind CSS v4
@theme {
--color-smalt: #003c99;
--color-smalt-50: #dcf6ff;
--color-smalt-100: #cbe9ff;
--color-smalt-200: #afd5ff;
--color-smalt-300: #8ab7ff;
--color-smalt-400: #649dfd;
--color-smalt-500: #4182ef;
--color-smalt-600: #386eca;
--color-smalt-700: #2d58a2;
--color-smalt-800: #1b4179;
--color-smalt-900: #112d56;
--color-smalt-950: #04193a;
}SCSS
$smalt: #003c99;
$smalt-rgb: 0, 60, 153;
$smalt-light: mix(#fff, $smalt, 20%);
$smalt-dark: mix(#000, $smalt, 20%);
.element {
color: $smalt;
box-shadow: 0 0 0 2px rgba($smalt, 0.35);
}