Colore con nome · #1C70AD
Planetarium
Planetarium è #1C70AD: rgb(28 112 173), hsl(205 72% 39%), oklch(0.528 0.123 245.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Planetarium color name →
#1C70AD
oklch(0.528 0.123 245.8)
Conversioni di colore
- HEX
- #1c70ad
- RGB
- rgb(28 112 173)
- HSL
- hsl(205 72% 39%)
- HWB
- hwb(205 11% 32%)
- OKLCH
- oklch(0.528 0.123 245.8)
- OKLab
- oklab(0.528 -0.05 -0.112)
- CIE Lab
- lab(44.81 -7.55 -40.13)
- LCH
- lch(44.81 40.84 259.3)
- CMYK
- cmyk(84% 35% 0% 32%)
Tinte · Ombre · Toni
Tinte
- 3A7EB6
- 518CBE
- 689AC7
- 7DA9CF
- 93B7D8
- A8C5E0
- BDD4E8
- D3E2F0
- E9F0F7
Ombre
- 176096
- 12517F
- 0D436A
- 083555
- 052741
- 021A2D
- 010E1B
- 00040B
- 000101
Toni
- 2D72A9
- 3974A5
- 4476A1
- 4E789C
- 577998
- 607B93
- 687C8F
- 707E8A
- 787F85
Armonie di colore
Complementare +180°
- 1C70AD
Planetarium
- 985B00
≈ Sepia Wash
Analogo -30° +30°
- 1C70AD
Planetarium
- 00788D
≈ Bimini Blue
- 5963B1
≈ Evening Lagoon
Triadico +120° +240°
- 1C70AD
Planetarium
- A44960
≈ Glazed Raspberry
- 5A7718
≈ Topiary Green
Complementare divisa +150° +210°
- 1C70AD
Planetarium
- A54D36
≈ Texas Heatwave
- 7E6A00
≈ Arousing Alligator
Tetradico +90° +180° +270°
- 1C70AD
Planetarium
- 964D86
≈ Striking Purple
- 985B00
≈ Sepia Wash
- 127F4C
≈ Picture Book Green
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.28:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.97:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.28:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--planetarium: #1c70ad;
--planetarium-rgb: 28 112 173;
--planetarium-oklch: oklch(0.528 0.123 245.8);
}
.element {
color: var(--planetarium);
background-color: hsl(205 72% 39%);
border-color: oklch(0.528 0.123 245.8);
}Tailwind CSS v4
@theme {
--color-planetarium: #1c70ad;
--color-planetarium-50: #daf9ff;
--color-planetarium-100: #c8ecff;
--color-planetarium-200: #abdaff;
--color-planetarium-300: #84bdf3;
--color-planetarium-400: #5ca5e2;
--color-planetarium-500: #318cd2;
--color-planetarium-600: #2c77b1;
--color-planetarium-700: #235f8e;
--color-planetarium-800: #144669;
--color-planetarium-900: #0d314a;
--color-planetarium-950: #011c31;
}SCSS
$planetarium: #1c70ad;
$planetarium-rgb: 28, 112, 173;
$planetarium-light: mix(#fff, $planetarium, 20%);
$planetarium-dark: mix(#000, $planetarium, 20%);
.element {
color: $planetarium;
box-shadow: 0 0 0 2px rgba($planetarium, 0.35);
}