Dichtstbijzijnde benoemde kleur · #453C7A
#453C7A
Dichtstbijzijnde benoemde kleur: Galactic Compass
#453C7A (rgb(69 60 122), hsl(249 34% 36%), oklch(0.398 0.102 287.5)) komt het dichtst bij de benoemde kleur Galactic Compass. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#453C7A
oklch(0.398 0.102 287.5)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 554E87
- 666195
- 7773A2
- 8986AF
- 9C9ABD
- AFADCA
- C2C1D7
- D6D6E4
- EAEAF2
Schaduwen
- 3B3369
- 312A59
- 272149
- 1E193A
- 15112B
- 0C0A1D
- 050410
- 020105
- 000001
Tonen
- 4A437B
- 504A7C
- 55517D
- 5B587E
- 615F7F
- 67657F
- 6D6C80
- 737380
- 7A7980
Kleurharmonieën
Complementair +180°
- 453C7A
Galactic Compass
- 4C4A00
≈ Scorzonera Brown
Analoog -30° +30°
- 453C7A
Galactic Compass
- 20467D
≈ Theatre Blue
- 5D336A
≈ Lounge Violet
Triadisch +120° +240°
- 453C7A
Galactic Compass
- 71320A
≈ Bay Brown
- 00553E
≈ Sacramento State Green
Gesplitst complementair +150° +210°
- 453C7A
Galactic Compass
- 5F4000
≈ Hippogriff Brown
- 295316
≈ Patch of Land
Tetradisch +90° +180° +270°
- 453C7A
Galactic Compass
- 742C32
≈ Tamarillo
- 4C4A00
≈ Scorzonera Brown
- 005254
≈ Wool Turquoise
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 9.63:1 · APCA Lc 92
Ag
FailOp zwart
WCAG 2.18:1 · APCA Lc 10
Beste tekstkleur: #FFFFFF
WCAG 9.63:1 (AAA) · APCA Lc 92
Contrast pairs
Codefragmenten
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);
}