Màu có tên gần nhất · #242D77
#242D77
Màu có tên gần nhất: Deep Space Royal
#242D77 (rgb(36 45 119), hsl(233 54% 30%), oklch(0.339 0.126 272.5)) gần nhất với màu có tên Deep Space Royal. 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.
#242D77
oklch(0.339 0.126 272.5)
Chuyển đổi màu
- HEX
- #242d77
- RGB
- rgb(36 45 119)
- HSL
- hsl(233 54% 30%)
- HWB
- hwb(233 14% 53%)
- OKLCH
- oklch(0.339 0.126 272.5)
- OKLab
- oklab(0.339 0.005 -0.126)
- CIE Lab
- lab(21.55 17.08 -44.52)
- LCH
- lch(21.55 47.68 291)
- CMYK
- cmyk(70% 62% 0% 53%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 354285
- 485693
- 5C6AA1
- 727EAF
- 8893BC
- 9EA8CA
- B6BDD7
- CED3E5
- E6E9F2
Sắc đậm
- 1E2667
- 181F57
- 121847
- 0C1138
- 070B2A
- 04061C
- 020210
- 000105
- 000001
Sắc xám
- 2B3679
- 343F7A
- 3C487C
- 45507D
- 4E587E
- 58607F
- 626880
- 6C7080
- 767880
Hòa sắc
Bổ túc +180°
- 242D77
Deep Space Royal
- 443600
≈ Night in the Woods
Tương đồng -30° +30°
- 242D77
Deep Space Royal
- 003B5E
≈ Poseidon
- 45206C
≈ Fading Horizon
Bộ ba +120° +240°
- 242D77
Deep Space Royal
- 6A0F01
≈ Cowpeas
- 004420
≈ Deep Pond
Bổ túc chia +150° +210°
- 242D77
Deep Space Royal
- 532D00
≈ Kyoto House
- 303E00
≈ Dark Olive
Bộ bốn +90° +180° +270°
- 242D77
Deep Space Royal
- 670B32
≈ Plum Cheese
- 443600
≈ Night in the Woods
- 00413A
≈ Botanical Night
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 12.23:1 · APCA Lc 97
Ag
FailTrên nền đen
WCAG 1.71:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 12.23:1 (AAA) · APCA Lc 97
Contrast pairs
Đoạn mã
CSS
:root {
--deep-space-royal: #242d77;
--deep-space-royal-rgb: 36 45 119;
--deep-space-royal-oklch: oklch(0.339 0.126 272.5);
}
.element {
color: var(--deep-space-royal);
background-color: hsl(233 54% 30%);
border-color: oklch(0.339 0.126 272.5);
}Tailwind CSS v4
@theme {
--color-deep-space-royal: #242d77;
--color-deep-space-royal-50: #eaf3ff;
--color-deep-space-royal-100: #dbe6ff;
--color-deep-space-royal-200: #c4d1ff;
--color-deep-space-royal-300: #a4b3f8;
--color-deep-space-royal-400: #8599e9;
--color-deep-space-royal-500: #6a7ed9;
--color-deep-space-royal-600: #5a6bb7;
--color-deep-space-royal-700: #485693;
--color-deep-space-royal-800: #323f6e;
--color-deep-space-royal-900: #222b4d;
--color-deep-space-royal-950: #111833;
}SCSS
$deep-space-royal: #242d77;
$deep-space-royal-rgb: 36, 45, 119;
$deep-space-royal-light: mix(#fff, $deep-space-royal, 20%);
$deep-space-royal-dark: mix(#000, $deep-space-royal, 20%);
.element {
color: $deep-space-royal;
box-shadow: 0 0 0 2px rgba($deep-space-royal, 0.35);
}