Màu có tên gần nhất · #002D62
#002D62
Màu có tên gần nhất: Marine
#002D62 (rgb(0 45 98), hsl(212 100% 19%), oklch(0.305 0.105 256.2)) gần nhất với màu có tên Marine. 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.
#002D62
oklch(0.305 0.105 256.2)
Chuyển đổi màu
- HEX
- #002d62
- RGB
- rgb(0 45 98)
- HSL
- hsl(212 100% 19%)
- HWB
- hwb(212 0% 62%)
- OKLCH
- oklch(0.305 0.105 256.2)
- OKLab
- oklab(0.305 -0.025 -0.102)
- CIE Lab
- lab(18.46 4.38 -36.06)
- LCH
- lch(18.46 36.33 276.9)
- CMYK
- cmyk(100% 54% 0% 62%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 1B4172
- 335581
- 4B6991
- 637DA0
- 7B92B0
- 94A7C0
- AEBCD0
- C9D2DF
- E4E8EF
Sắc đậm
- 002654
- 001F47
- 00183A
- 00112D
- 000B21
- 000616
- 00020B
- 000103
- 000000
Sắc xám
- 103666
- 1E3E69
- 2A476D
- 374F70
- 435773
- 4F5F76
- 5B6879
- 67707B
- 74787E
Hòa sắc
Bổ túc +180°
- 002D62
Marine
- 412A00
≈ Stirland Mud
Tương đồng -30° +30°
- 002D62
Marine
- 003545
≈ Crowberry Blue
- 2D2360
≈ Indie Go
Bộ ba +120° +240°
- 002D62
Marine
- 580E1C
≈ Chocolate Cosmos
- 173900
≈ Elite Green
Bổ túc chia +150° +210°
- 002D62
Marine
- 501D00
≈ Evil Cigar
- 333100
≈ Wasabi Nori
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 13.53:1 · APCA Lc 99
Ag
FailTrên nền đen
WCAG 1.55:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 13.53:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
CSS
:root {
--marine: #002d62;
--marine-rgb: 0 45 98;
--marine-oklch: oklch(0.305 0.105 256.2);
}
.element {
color: var(--marine);
background-color: hsl(212 100% 19%);
border-color: oklch(0.305 0.105 256.2);
}Tailwind CSS v4
@theme {
--color-marine: #002d62;
--color-marine-50: #e3f7ff;
--color-marine-100: #d3eaff;
--color-marine-200: #b9d6ff;
--color-marine-300: #96b9ed;
--color-marine-400: #75a1dc;
--color-marine-500: #5688ca;
--color-marine-600: #4973ab;
--color-marine-700: #3a5c89;
--color-marine-800: #284466;
--color-marine-900: #1a2f48;
--color-marine-950: #0b1b2f;
}SCSS
$marine: #002d62;
$marine-rgb: 0, 45, 98;
$marine-light: mix(#fff, $marine, 20%);
$marine-dark: mix(#000, $marine, 20%);
.element {
color: $marine;
box-shadow: 0 0 0 2px rgba($marine, 0.35);
}