Colore con nome più vicino · #40657F
#40657F
Colore con nome più vicino: Stellar
#40657F (rgb(64 101 127), hsl(205 33% 37%), oklch(0.49 0.06 240.2)) è più vicino al colore con nome Stellar. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#40657F
oklch(0.49 0.06 240.2)
Conversioni di colore
- HEX
- #40657f
- RGB
- rgb(64 101 127)
- HSL
- hsl(205 33% 37%)
- HWB
- hwb(205 25% 50%)
- OKLCH
- oklch(0.49 0.06 240.2)
- OKLab
- oklab(0.49 -0.03 -0.052)
- CIE Lab
- lab(40.83 -7.83 -18.96)
- LCH
- lch(40.83 20.51 247.6)
- CMYK
- cmyk(50% 20% 0% 50%)
Tinte · Ombre · Toni
Tinte
- 52738B
- 648298
- 7791A4
- 89A0B1
- 9CAFBE
- AFBFCB
- C3CFD7
- D7DFE5
- EBEFF2
Ombre
- 36576E
- 2D495D
- 243C4C
- 1B2F3C
- 13222D
- 0B171F
- 050C11
- 010306
- 000001
Toni
- 47687F
- 4E6B80
- 546D80
- 5B7080
- 617380
- 677580
- 6D7880
- 747B80
- 7A7D80
Armonie di colore
Complementare +180°
- 40657F
Stellar
- 7A583D
≈ Emperador
Analogo -30° +30°
- 40657F
Stellar
- 336A73
≈ Aquarium
- 535F83
≈ Bijou Blue
Triadico +120° +240°
- 40657F
Stellar
- 7D525F
≈ Classic Berry
- 5C663F
≈ Scots Pine
Complementare divisa +150° +210°
- 40657F
Stellar
- 7F544C
≈ Root Beer
- 6D5F38
≈ Rationality
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.20:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.38:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.20:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--stellar: #40657f;
--stellar-rgb: 64 101 127;
--stellar-oklch: oklch(0.49 0.06 240.2);
}
.element {
color: var(--stellar);
background-color: hsl(205 33% 37%);
border-color: oklch(0.49 0.06 240.2);
}Tailwind CSS v4
@theme {
--color-stellar: #40657f;
--color-stellar-50: #e7f8ff;
--color-stellar-100: #d7ebfb;
--color-stellar-200: #bfd8ec;
--color-stellar-300: #9dbcd4;
--color-stellar-400: #7fa4bf;
--color-stellar-500: #618caa;
--color-stellar-600: #537690;
--color-stellar-700: #425f73;
--color-stellar-800: #2f4655;
--color-stellar-900: #1f303b;
--color-stellar-950: #0f1c25;
}SCSS
$stellar: #40657f;
$stellar-rgb: 64, 101, 127;
$stellar-light: mix(#fff, $stellar, 20%);
$stellar-dark: mix(#000, $stellar, 20%);
.element {
color: $stellar;
box-shadow: 0 0 0 2px rgba($stellar, 0.35);
}