Colore con nome · #4889AC
Tropic
Tropic è #4889AC: rgb(72 137 172), hsl(201 41% 48%), oklch(0.602 0.085 234.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Tropic color name →
#4889AC
oklch(0.602 0.085 234.2)
Conversioni di colore
- HEX
- #4889ac
- RGB
- rgb(72 137 172)
- HSL
- hsl(201 41% 48%)
- HWB
- hwb(201 28% 33%)
- OKLCH
- oklch(0.602 0.085 234.2)
- OKLab
- oklab(0.602 -0.05 -0.069)
- CIE Lab
- lab(53.9 -13.61 -25.31)
- LCH
- lch(53.9 28.74 241.7)
- CMYK
- cmyk(58% 20% 0% 33%)
Tinte · Ombre · Toni
Tinte
- 5B95B4
- 6EA0BD
- 80ACC5
- 92B7CD
- A4C3D6
- B6CFDE
- C8DBE6
- DAE7EF
- EDF3F7
Ombre
- 3D7695
- 33647F
- 295369
- 1F4254
- 163140
- 0D222D
- 06141B
- 02070B
- 000101
Toni
- 4F88A8
- 5688A3
- 5C879F
- 62869B
- 688596
- 6D8492
- 72838E
- 778289
- 7B8185
Armonie di colore
Complementare +180°
- 4889AC
Tropic
- A9724E
≈ Bran
Analogo -30° +30°
- 4889AC
Tropic
- 348F98
≈ Aqueous
- 6780B4
≈ Marvellous
Triadico +120° +240°
- 4889AC
Tropic
- A96B84
≈ Cure All
- 808749
≈ Field Maple
Complementare divisa +150° +210°
- 4889AC
Tropic
- AE6C67
≈ Jabłoński Brown
- 997C41
≈ Gold Estate
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.85:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.44:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--tropic: #4889ac;
--tropic-rgb: 72 137 172;
--tropic-oklch: oklch(0.602 0.085 234.2);
}
.element {
color: var(--tropic);
background-color: hsl(201 41% 48%);
border-color: oklch(0.602 0.085 234.2);
}Tailwind CSS v4
@theme {
--color-tropic: #4889ac;
--color-tropic-50: #dffaff;
--color-tropic-100: #ceedff;
--color-tropic-200: #b2dbf4;
--color-tropic-300: #8dbfde;
--color-tropic-400: #6aa7c9;
--color-tropic-500: #468fb6;
--color-tropic-600: #3c799a;
--color-tropic-700: #30617b;
--color-tropic-800: #20475b;
--color-tropic-900: #153240;
--color-tropic-950: #061d28;
}SCSS
$tropic: #4889ac;
$tropic-rgb: 72, 137, 172;
$tropic-light: mix(#fff, $tropic, 20%);
$tropic-dark: mix(#000, $tropic, 20%);
.element {
color: $tropic;
box-shadow: 0 0 0 2px rgba($tropic, 0.35);
}