Colore con nome più vicino · #377DA8
#377DA8
Colore con nome più vicino: Zenith
#377DA8 (rgb(55 125 168), hsl(203 51% 44%), oklch(0.564 0.097 238.8)) è più vicino al colore con nome Zenith. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#377DA8
oklch(0.564 0.097 238.8)
Conversioni di colore
- HEX
- #377da8
- RGB
- rgb(55 125 168)
- HSL
- hsl(203 51% 44%)
- HWB
- hwb(203 22% 34%)
- OKLCH
- oklch(0.564 0.097 238.8)
- OKLab
- oklab(0.564 -0.05 -0.083)
- CIE Lab
- lab(49.41 -12.02 -29.99)
- LCH
- lch(49.41 32.31 248.2)
- CMYK
- cmyk(67% 26% 0% 34%)
Tinte · Ombre · Toni
Tinte
- 4D8AB1
- 6296BA
- 75A3C3
- 89B0CB
- 9CBDD4
- B0CADD
- C3D7E5
- D7E4EE
- EBF2F6
Ombre
- 2E6C92
- 265B7C
- 1E4B67
- 163B52
- 0F2C3F
- 081E2C
- 03111A
- 01050A
- 000101
Toni
- 417EA4
- 4A7EA0
- 527F9D
- 597F99
- 607F95
- 678091
- 6E808D
- 748089
- 7A8084
Armonie di colore
Complementare +180°
- 377DA8
Zenith
- 9F6737
≈ Hot Ginger
Analogo -30° +30°
- 377DA8
Zenith
- 038594
≈ Painted Sea
- 5E73AF
≈ King’s Robe
Triadico +120° +240°
- 377DA8
Zenith
- A35C75
≈ Cosmetic Red
- 707D37
≈ Calla Green
Complementare divisa +150° +210°
- 377DA8
Zenith
- A75E54
≈ Foxy
- 8D7229
≈ Corn Harvest
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.50:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.66:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--zenith: #377da8;
--zenith-rgb: 55 125 168;
--zenith-oklch: oklch(0.564 0.097 238.8);
}
.element {
color: var(--zenith);
background-color: hsl(203 51% 44%);
border-color: oklch(0.564 0.097 238.8);
}Tailwind CSS v4
@theme {
--color-zenith: #377da8;
--color-zenith-50: #defaff;
--color-zenith-100: #ccedff;
--color-zenith-200: #b0dafa;
--color-zenith-300: #8abee5;
--color-zenith-400: #65a7d1;
--color-zenith-500: #408ebf;
--color-zenith-600: #3779a1;
--color-zenith-700: #2c6181;
--color-zenith-800: #1c475f;
--color-zenith-900: #133143;
--color-zenith-950: #041d2b;
}SCSS
$zenith: #377da8;
$zenith-rgb: 55, 125, 168;
$zenith-light: mix(#fff, $zenith, 20%);
$zenith-dark: mix(#000, $zenith, 20%);
.element {
color: $zenith;
box-shadow: 0 0 0 2px rgba($zenith, 0.35);
}