Màu có tên · #003249
Cosmos Blue
Cosmos Blue là #003249: rgb(0 50 73), hsl(199 100% 14%), oklch(0.3 0.064 235.4). 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.
What does Blue mean? → · Cosmos Blue color name →
#003249
oklch(0.3 0.064 235.4)
Chuyển đổi màu
- HEX
- #003249
- RGB
- rgb(0 50 73)
- HSL
- hsl(199 100% 14%)
- HWB
- hwb(199 0% 71%)
- OKLCH
- oklch(0.3 0.064 235.4)
- OKLab
- oklab(0.3 -0.036 -0.053)
- CIE Lab
- lab(18.76 -8.41 -18.98)
- LCH
- lch(18.76 20.76 246.1)
- CMYK
- cmyk(100% 32% 0% 71%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 1D445A
- 35576B
- 4D6A7C
- 657E8E
- 7D93A0
- 96A7B3
- AFBDC5
- C9D2D8
- E4E9EB
Sắc đậm
- 002A3E
- 002234
- 001B2A
- 001420
- 000D17
- 00070E
- 000306
- 000102
- 000000
Sắc xám
- 123A4F
- 204154
- 2C495A
- 38515F
- 445865
- 50606A
- 5C6870
- 687075
- 74787B
Hòa sắc
Bổ túc +180°
- 003249
Cosmos Blue
- 462409
≈ Chocolate Castle
Tương đồng -30° +30°
- 003249
Cosmos Blue
- 00353A
≈ Artist Blue
- 1E2C4E
≈ Pico Void
Bộ ba +120° +240°
- 003249
Cosmos Blue
- 461F2F
≈ Castro
- 2D3104
≈ Wasabi Nori
Bổ túc chia +150° +210°
- 003249
Cosmos Blue
- 491F1D
≈ Marmite
- 3C2B00
≈ Secret Passage
Bộ bốn +90° +180° +270°
- 003249
Cosmos Blue
- 3E213F
≈ Profound Mauve
- 462409
≈ Chocolate Castle
- 163619
≈ Dark Serpent
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 13.52:1 · APCA Lc 100
Ag
FailTrên nền đen
WCAG 1.55:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 13.52:1 (AAA) · APCA Lc 100
Contrast pairs
Đoạn mã
CSS
:root {
--cosmos-blue: #003249;
--cosmos-blue-rgb: 0 50 73;
--cosmos-blue-oklch: oklch(0.3 0.064 235.4);
}
.element {
color: var(--cosmos-blue);
background-color: hsl(199 100% 14%);
border-color: oklch(0.3 0.064 235.4);
}Tailwind CSS v4
@theme {
--color-cosmos-blue: #003249;
--color-cosmos-blue-50: #e5f8ff;
--color-cosmos-blue-100: #d5ecfb;
--color-cosmos-blue-200: #bcd9ed;
--color-cosmos-blue-300: #99bdd5;
--color-cosmos-blue-400: #7aa5bf;
--color-cosmos-blue-500: #5b8dab;
--color-cosmos-blue-600: #4d7790;
--color-cosmos-blue-700: #3e6074;
--color-cosmos-blue-800: #2b4655;
--color-cosmos-blue-900: #1d313b;
--color-cosmos-blue-950: #0d1d25;
}SCSS
$cosmos-blue: #003249;
$cosmos-blue-rgb: 0, 50, 73;
$cosmos-blue-light: mix(#fff, $cosmos-blue, 20%);
$cosmos-blue-dark: mix(#000, $cosmos-blue, 20%);
.element {
color: $cosmos-blue;
box-shadow: 0 0 0 2px rgba($cosmos-blue, 0.35);
}