Colore con nome più vicino · #454F6D
#454F6D
Colore con nome più vicino: Intergalactic
#454F6D (rgb(69 79 109), hsl(225 22% 35%), oklch(0.432 0.052 269.9)) è più vicino al colore con nome Intergalactic. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#454F6D
oklch(0.432 0.052 269.9)
Conversioni di colore
- HEX
- #454f6d
- RGB
- rgb(69 79 109)
- HSL
- hsl(225 22% 35%)
- HWB
- hwb(225 27% 57%)
- OKLCH
- oklch(0.432 0.052 269.9)
- OKLab
- oklab(0.432 0 -0.052)
- CIE Lab
- lab(33.68 2.04 -18.82)
- LCH
- lch(33.68 18.93 276.2)
- CMYK
- cmyk(37% 28% 0% 57%)
Tinte · Ombre · Toni
Tinte
- 565F7B
- 676F89
- 788097
- 8A91A5
- 9DA3B4
- B0B5C3
- C3C7D2
- D7D9E1
- EBECF0
Ombre
- 3B445E
- 31384F
- 272E41
- 1E2333
- 151926
- 0C1019
- 05070D
- 020204
- 000001
Toni
- 4B546F
- 505971
- 565E73
- 5C6275
- 626777
- 686C79
- 6E717B
- 74767D
- 7A7B7E
Armonie di colore
Complementare +180°
- 454F6D
Intergalactic
- 5B4F2E
≈ West Coast
Analogo -30° +30°
- 454F6D
Intergalactic
- 35546A
≈ America’s Cup
- 544A69
≈ Darlak
Triadico +120° +240°
- 454F6D
Intergalactic
- 6A463F
≈ Deep Cherrywood
- 3B5841
≈ O’Neal Green
Complementare divisa +150° +210°
- 454F6D
Intergalactic
- 654A33
≈ Black Power
- 4C5534
≈ Chive
Tetradico +90° +180° +270°
- 454F6D
Intergalactic
- 68444F
≈ Wine Stain
- 5B4F2E
≈ West Coast
- 2D5A51
≈ Holly Leaf
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.10:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.59:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.10:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--intergalactic: #454f6d;
--intergalactic-rgb: 69 79 109;
--intergalactic-oklch: oklch(0.432 0.052 269.9);
}
.element {
color: var(--intergalactic);
background-color: hsl(225 22% 35%);
border-color: oklch(0.432 0.052 269.9);
}Tailwind CSS v4
@theme {
--color-intergalactic: #454f6d;
--color-intergalactic-50: #f0f5ff;
--color-intergalactic-100: #e2e7fa;
--color-intergalactic-200: #ccd3eb;
--color-intergalactic-300: #aeb6d3;
--color-intergalactic-400: #929ebe;
--color-intergalactic-500: #7985a9;
--color-intergalactic-600: #66718f;
--color-intergalactic-700: #525a73;
--color-intergalactic-800: #3b4255;
--color-intergalactic-900: #282e3b;
--color-intergalactic-950: #161a25;
}SCSS
$intergalactic: #454f6d;
$intergalactic-rgb: 69, 79, 109;
$intergalactic-light: mix(#fff, $intergalactic, 20%);
$intergalactic-dark: mix(#000, $intergalactic, 20%);
.element {
color: $intergalactic;
box-shadow: 0 0 0 2px rgba($intergalactic, 0.35);
}