Najbliższy nazwany kolor · #50799A
#50799A
Najbliższy nazwany kolor: Zenith
#50799A (rgb(80 121 154), hsl(207 32% 46%), oklch(0.559 0.069 243.7)) jest najbliższy nazwanemu kolorowi Zenith. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#50799A
oklch(0.559 0.069 243.7)
Konwersje koloru
- HEX
- #50799a
- RGB
- rgb(80 121 154)
- HSL
- hsl(207 32% 46%)
- HWB
- hwb(207 31% 40%)
- OKLCH
- oklch(0.559 0.069 243.7)
- OKLab
- oklab(0.559 -0.031 -0.062)
- CIE Lab
- lab(48.82 -7.63 -22.64)
- LCH
- lch(48.82 23.9 251.4)
- CMYK
- cmyk(48% 21% 0% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6186A4
- 7293AE
- 83A0B8
- 94ADC2
- A5BACC
- B7C8D6
- C9D5E0
- DAE3EB
- EDF1F5
Odcienie ciemniejsze
- 446885
- 395871
- 2E485E
- 24394B
- 1A2B39
- 101D27
- 071017
- 020509
- 000101
Tony
- 557A98
- 5B7B95
- 607B93
- 647C90
- 697D8E
- 6E7E8B
- 737E88
- 777F86
- 7C7F83
Harmonie kolorów
Komplementarna +180°
- 50799A
Zenith
- 916C49
≈ Barcelona Brown
Analogowa -30° +30°
- 50799A
Zenith
- 3F7F8D
≈ Wish Upon a Star
- 67729D
≈ Blueberry Patch
Triada +120° +240°
- 50799A
Zenith
- 976370
≈ Soft Bromeliad
- 6C7B4E
≈ Mint Leaves
Komplementarna rozszczepiona +150° +210°
- 50799A
Zenith
- 98655A
≈ Umenezumi Plum
- 827444
≈ Peppered Moss
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.62:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.54:1 · APCA Lc 30
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--zenith: #50799a;
--zenith-rgb: 80 121 154;
--zenith-oklch: oklch(0.559 0.069 243.7);
}
.element {
color: var(--zenith);
background-color: hsl(207 32% 46%);
border-color: oklch(0.559 0.069 243.7);
}Tailwind CSS v4
@theme {
--color-zenith: #50799a;
--color-zenith-50: #e6f8ff;
--color-zenith-100: #d6ebfe;
--color-zenith-200: #bdd8f1;
--color-zenith-300: #9bbcd9;
--color-zenith-400: #7ba4c5;
--color-zenith-500: #5d8cb1;
--color-zenith-600: #4f7695;
--color-zenith-700: #3f5e78;
--color-zenith-800: #2c4558;
--color-zenith-900: #1e303e;
--color-zenith-950: #0e1c27;
}SCSS
$zenith: #50799a;
$zenith-rgb: 80, 121, 154;
$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);
}