Màu có tên gần nhất · #244558
#244558
Màu có tên gần nhất: Capital Blue
#244558 (rgb(36 69 88), hsl(202 42% 24%), oklch(0.374 0.051 235.6)) gần nhất với màu có tên Capital Blue. 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.
#244558
oklch(0.374 0.051 235.6)
Chuyển đổi màu
- HEX
- #244558
- RGB
- rgb(36 69 88)
- HSL
- hsl(202 42% 24%)
- HWB
- hwb(202 14% 65%)
- OKLCH
- oklch(0.374 0.051 235.6)
- OKLab
- oklab(0.374 -0.029 -0.042)
- CIE Lab
- lab(27.44 -7.78 -15.32)
- LCH
- lch(27.44 17.18 243.1)
- CMYK
- cmyk(59% 22% 0% 65%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 385667
- 4D6777
- 617987
- 768B98
- 8C9DA8
- A2B0B9
- B9C3CA
- D0D7DC
- E7EBED
Sắc đậm
- 1E3B4B
- 18313F
- 122733
- 0C1E28
- 07151D
- 040C12
- 020509
- 000203
- 000000
Sắc xám
- 2E4B5C
- 375160
- 405664
- 495C68
- 52626C
- 5B6870
- 646E74
- 6E7478
- 777A7C
Hòa sắc
Bổ túc +180°
- 244558
Capital Blue
- 563A26
≈ Tuk Tuk
Tương đồng -30° +30°
- 244558
Capital Blue
- 1A484E
≈ Blue Hill
- 34405C
≈ Gulf Blue
Bộ ba +120° +240°
- 244558
Capital Blue
- 563542
≈ Blackberry Tart
- 3F4424
≈ Avocado Dark Green
Bổ túc chia +150° +210°
- 244558
Capital Blue
- 593633
≈ Arresting Auburn
- 4D3F20
≈ Avocado Stone
Bộ bốn +90° +180° +270°
- 244558
Capital Blue
- 4F374F
≈ Chive Bloom
- 563A26
≈ Tuk Tuk
- 2F4830
≈ Palm Leaf
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.15:1 · APCA Lc 93
Ag
FailTrên nền đen
WCAG 2.06:1 · APCA Lc 9
Màu chữ tốt nhất: #FFFFFF
WCAG 10.15:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--capital-blue: #244558;
--capital-blue-rgb: 36 69 88;
--capital-blue-oklch: oklch(0.374 0.051 235.6);
}
.element {
color: var(--capital-blue);
background-color: hsl(202 42% 24%);
border-color: oklch(0.374 0.051 235.6);
}Tailwind CSS v4
@theme {
--color-capital-blue: #244558;
--color-capital-blue-50: #e8f8ff;
--color-capital-blue-100: #d9ebf7;
--color-capital-blue-200: #c1d8e8;
--color-capital-blue-300: #a0bccf;
--color-capital-blue-400: #82a4b9;
--color-capital-blue-500: #658ca3;
--color-capital-blue-600: #56768a;
--color-capital-blue-700: #455f6f;
--color-capital-blue-800: #314651;
--color-capital-blue-900: #213039;
--color-capital-blue-950: #101c23;
}SCSS
$capital-blue: #244558;
$capital-blue-rgb: 36, 69, 88;
$capital-blue-light: mix(#fff, $capital-blue, 20%);
$capital-blue-dark: mix(#000, $capital-blue, 20%);
.element {
color: $capital-blue;
box-shadow: 0 0 0 2px rgba($capital-blue, 0.35);
}