Màu có tên gần nhất · #453C7A
#453C7A
Màu có tên gần nhất: Galactic Compass
#453C7A (rgb(69 60 122), hsl(249 34% 36%), oklch(0.398 0.102 287.5)) gần nhất với màu có tên Galactic Compass. 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.
#453C7A
oklch(0.398 0.102 287.5)
Chuyển đổi màu
- HEX
- #453c7a
- RGB
- rgb(69 60 122)
- HSL
- hsl(249 34% 36%)
- HWB
- hwb(249 24% 52%)
- OKLCH
- oklch(0.398 0.102 287.5)
- OKLab
- oklab(0.398 0.031 -0.097)
- CIE Lab
- lab(28.76 16.85 -34.65)
- LCH
- lch(28.76 38.53 295.9)
- CMYK
- cmyk(43% 51% 0% 52%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 554E87
- 666195
- 7773A2
- 8986AF
- 9C9ABD
- AFADCA
- C2C1D7
- D6D6E4
- EAEAF2
Sắc đậm
- 3B3369
- 312A59
- 272149
- 1E193A
- 15112B
- 0C0A1D
- 050410
- 020105
- 000001
Sắc xám
- 4A437B
- 504A7C
- 55517D
- 5B587E
- 615F7F
- 67657F
- 6D6C80
- 737380
- 7A7980
Hòa sắc
Bổ túc +180°
- 453C7A
Galactic Compass
- 4C4A00
≈ Scorzonera Brown
Tương đồng -30° +30°
- 453C7A
Galactic Compass
- 20467D
≈ Theatre Blue
- 5D336A
≈ Lounge Violet
Bộ ba +120° +240°
- 453C7A
Galactic Compass
- 71320A
≈ Bay Brown
- 00553E
≈ Sacramento State Green
Bổ túc chia +150° +210°
- 453C7A
Galactic Compass
- 5F4000
≈ Hippogriff Brown
- 295316
≈ Patch of Land
Bộ bốn +90° +180° +270°
- 453C7A
Galactic Compass
- 742C32
≈ Tamarillo
- 4C4A00
≈ Scorzonera Brown
- 005254
≈ Wool Turquoise
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.63:1 · APCA Lc 92
Ag
FailTrên nền đen
WCAG 2.18:1 · APCA Lc 10
Màu chữ tốt nhất: #FFFFFF
WCAG 9.63:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--galactic-compass: #453c7a;
--galactic-compass-rgb: 69 60 122;
--galactic-compass-oklch: oklch(0.398 0.102 287.5);
}
.element {
color: var(--galactic-compass);
background-color: hsl(249 34% 36%);
border-color: oklch(0.398 0.102 287.5);
}Tailwind CSS v4
@theme {
--color-galactic-compass: #453c7a;
--color-galactic-compass-50: #f4f1ff;
--color-galactic-compass-100: #e6e3ff;
--color-galactic-compass-200: #d2cefe;
--color-galactic-compass-300: #b6afe9;
--color-galactic-compass-400: #9b95d7;
--color-galactic-compass-500: #837bc6;
--color-galactic-compass-600: #6e68a7;
--color-galactic-compass-700: #585386;
--color-galactic-compass-800: #3f3d64;
--color-galactic-compass-900: #2b2a46;
--color-galactic-compass-950: #19172e;
}SCSS
$galactic-compass: #453c7a;
$galactic-compass-rgb: 69, 60, 122;
$galactic-compass-light: mix(#fff, $galactic-compass, 20%);
$galactic-compass-dark: mix(#000, $galactic-compass, 20%);
.element {
color: $galactic-compass;
box-shadow: 0 0 0 2px rgba($galactic-compass, 0.35);
}