Najbliższy nazwany kolor · #453C7A
#453C7A
Najbliższy nazwany kolor: Galactic Compass
#453C7A (rgb(69 60 122), hsl(249 34% 36%), oklch(0.398 0.102 287.5)) jest najbliższy nazwanemu kolorowi Galactic Compass. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#453C7A
oklch(0.398 0.102 287.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 554E87
- 666195
- 7773A2
- 8986AF
- 9C9ABD
- AFADCA
- C2C1D7
- D6D6E4
- EAEAF2
Odcienie ciemniejsze
- 3B3369
- 312A59
- 272149
- 1E193A
- 15112B
- 0C0A1D
- 050410
- 020105
- 000001
Tony
- 4A437B
- 504A7C
- 55517D
- 5B587E
- 615F7F
- 67657F
- 6D6C80
- 737380
- 7A7980
Harmonie kolorów
Komplementarna +180°
- 453C7A
Galactic Compass
- 4C4A00
≈ Scorzonera Brown
Analogowa -30° +30°
- 453C7A
Galactic Compass
- 20467D
≈ Theatre Blue
- 5D336A
≈ Lounge Violet
Triada +120° +240°
- 453C7A
Galactic Compass
- 71320A
≈ Bay Brown
- 00553E
≈ Sacramento State Green
Komplementarna rozszczepiona +150° +210°
- 453C7A
Galactic Compass
- 5F4000
≈ Hippogriff Brown
- 295316
≈ Patch of Land
Tetrada +90° +180° +270°
- 453C7A
Galactic Compass
- 742C32
≈ Tamarillo
- 4C4A00
≈ Scorzonera Brown
- 005254
≈ Wool Turquoise
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.63:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.18:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.63:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
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);
}