Colore con nome più vicino · #3C6EAA
#3C6EAA
Colore con nome più vicino: Matt Blue
#3C6EAA (rgb(60 110 170), hsl(213 48% 45%), oklch(0.532 0.109 254.2)) è più vicino al colore con nome Matt Blue. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#3C6EAA
oklch(0.532 0.109 254.2)
Conversioni di colore
- HEX
- #3c6eaa
- RGB
- rgb(60 110 170)
- HSL
- hsl(213 48% 45%)
- HWB
- hwb(213 24% 33%)
- OKLCH
- oklch(0.532 0.109 254.2)
- OKLab
- oklab(0.532 -0.03 -0.105)
- CIE Lab
- lab(45.11 -2.33 -37.83)
- LCH
- lch(45.11 37.9 266.5)
- CMYK
- cmyk(65% 35% 0% 33%)
Tinte · Ombre · Toni
Tinte
- 4F7CB3
- 628ABC
- 7599C5
- 88A7CD
- 9BB5D6
- AFC4DE
- C3D3E7
- D6E1EF
- EBF0F7
Ombre
- 335F93
- 2A507D
- 214168
- 193353
- 11263F
- 0A192D
- 040E1B
- 01040B
- 000101
Toni
- 4470A6
- 4B72A2
- 52749E
- 59769A
- 607896
- 677A92
- 6D7C8E
- 737D89
- 7A7F85
Armonie di colore
Complementare +180°
- 3C6EAA
Matt Blue
- 91610A
≈ Raw Sienna
Analogo -30° +30°
- 3C6EAA
Matt Blue
- 007897
≈ Celestial
- 6562A9
≈ Blue Iris
Triadico +120° +240°
- 3C6EAA
Matt Blue
- A14F59
≈ Cranberry Jam
- 517A34
≈ Luscious Lemongrass
Complementare divisa +150° +210°
- 3C6EAA
Matt Blue
- 9F5533
≈ Piper
- 776F0A
≈ Bronze Yellow
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.24:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.00:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--matt-blue: #3c6eaa;
--matt-blue-rgb: 60 110 170;
--matt-blue-oklch: oklch(0.532 0.109 254.2);
}
.element {
color: var(--matt-blue);
background-color: hsl(213 48% 45%);
border-color: oklch(0.532 0.109 254.2);
}Tailwind CSS v4
@theme {
--color-matt-blue: #3c6eaa;
--color-matt-blue-50: #e1f7ff;
--color-matt-blue-100: #d1eaff;
--color-matt-blue-200: #b6d7ff;
--color-matt-blue-300: #93baef;
--color-matt-blue-400: #70a1de;
--color-matt-blue-500: #5088cd;
--color-matt-blue-600: #4474ad;
--color-matt-blue-700: #365c8b;
--color-matt-blue-800: #244467;
--color-matt-blue-900: #182f48;
--color-matt-blue-950: #091b2f;
}SCSS
$matt-blue: #3c6eaa;
$matt-blue-rgb: 60, 110, 170;
$matt-blue-light: mix(#fff, $matt-blue, 20%);
$matt-blue-dark: mix(#000, $matt-blue, 20%);
.element {
color: $matt-blue;
box-shadow: 0 0 0 2px rgba($matt-blue, 0.35);
}