Colore con nome · #112244
Dark Eclipse
Dark Eclipse è #112244: rgb(17 34 68), hsl(220 60% 17%), oklch(0.258 0.068 262.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Dark Eclipse color name →
#112244
oklch(0.258 0.068 262.6)
Conversioni di colore
- HEX
- #112244
- RGB
- rgb(17 34 68)
- HSL
- hsl(220 60% 17%)
- HWB
- hwb(220 7% 73%)
- OKLCH
- oklch(0.258 0.068 262.6)
- OKLab
- oklab(0.258 -0.009 -0.067)
- CIE Lab
- lab(13.36 3.25 -24.03)
- LCH
- lch(13.36 24.25 277.7)
- CMYK
- cmyk(75% 50% 0% 73%)
Tinte · Ombre · Toni
Tinte
- 253555
- 3A4967
- 4F5E79
- 66738B
- 7E899E
- 96A0B1
- B0B7C4
- CACED7
- E4E6EB
Ombre
- 0D1C3A
- 091630
- 061126
- 040B1D
- 020714
- 01030C
- 000105
- 000002
- 000000
Toni
- 1B2B4A
- 253450
- 303D57
- 3B465D
- 465063
- 515969
- 5C636E
- 686C74
- 74767A
Armonie di colore
Complementare +180°
- 112244
Dark Eclipse
- 302100
≈ Black Swan
Analogo -30° +30°
- 112244
Dark Eclipse
- 002739
≈ Murky Depths
- 251C41
≈ Throat
Triadico +120° +240°
- 112244
Dark Eclipse
- 3E1314
≈ Dark Sienna
- 0C2B0A
≈ Haunted Forest
Complementare divisa +150° +210°
- 112244
Dark Eclipse
- 3B1800
≈ American Bronze
- 242600
≈ Liquorice Root
Tetradico +90° +180° +270°
- 112244
Dark Eclipse
- 3B1327
≈ Chocolate Kiss
- 302100
≈ Black Swan
- 002B21
≈ Bush
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 15.71:1 · APCA Lc 103
Ag
FailSu nero
WCAG 1.33:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 15.71:1 (AAA) · APCA Lc 103
Contrast pairs
Frammenti di codice
CSS
:root {
--dark-eclipse: #112244;
--dark-eclipse-rgb: 17 34 68;
--dark-eclipse-oklch: oklch(0.258 0.068 262.6);
}
.element {
color: var(--dark-eclipse);
background-color: hsl(220 60% 17%);
border-color: oklch(0.258 0.068 262.6);
}Tailwind CSS v4
@theme {
--color-dark-eclipse: #112244;
--color-dark-eclipse-50: #ecf5ff;
--color-dark-eclipse-100: #dde8ff;
--color-dark-eclipse-200: #c6d5f2;
--color-dark-eclipse-300: #a6b8db;
--color-dark-eclipse-400: #899fc7;
--color-dark-eclipse-500: #6e86b4;
--color-dark-eclipse-600: #5d7298;
--color-dark-eclipse-700: #4a5b7a;
--color-dark-eclipse-800: #35435a;
--color-dark-eclipse-900: #242e3f;
--color-dark-eclipse-950: #131b28;
}SCSS
$dark-eclipse: #112244;
$dark-eclipse-rgb: 17, 34, 68;
$dark-eclipse-light: mix(#fff, $dark-eclipse, 20%);
$dark-eclipse-dark: mix(#000, $dark-eclipse, 20%);
.element {
color: $dark-eclipse;
box-shadow: 0 0 0 2px rgba($dark-eclipse, 0.35);
}