Najbliższy nazwany kolor · #3F7BAB
#3F7BAB
Najbliższy nazwany kolor: Zenith
#3F7BAB (rgb(63 123 171), hsl(207 46% 46%), oklch(0.564 0.097 244.9)) jest najbliższy nazwanemu kolorowi Zenith. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#3F7BAB
oklch(0.564 0.097 244.9)
Konwersje koloru
- HEX
- #3f7bab
- RGB
- rgb(63 123 171)
- HSL
- hsl(207 46% 46%)
- HWB
- hwb(207 25% 33%)
- OKLCH
- oklch(0.564 0.097 244.9)
- OKLab
- oklab(0.564 -0.041 -0.088)
- CIE Lab
- lab(49.22 -8.55 -31.98)
- LCH
- lch(49.22 33.1 255)
- CMYK
- cmyk(63% 28% 0% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5388B4
- 6695BC
- 79A2C5
- 8CAFCD
- 9FBCD6
- B2C9DE
- C5D7E6
- D8E4EF
- EBF1F7
Odcienie ciemniejsze
- 356A94
- 2C5A7E
- 234A68
- 1B3A54
- 122C40
- 0A1E2D
- 04101B
- 01050B
- 000101
Tony
- 477CA7
- 4F7DA3
- 567D9F
- 5C7E9B
- 637E96
- 697F92
- 6F7F8E
- 758089
- 7A8085
Harmonie kolorów
Komplementarna +180°
- 3F7BAB
Zenith
- 9D6932
≈ Stage Gold
Analogowa -30° +30°
- 3F7BAB
Zenith
- 0C8499
≈ Cruising
- 6570AF
≈ Chalcedony Violet
Triada +120° +240°
- 3F7BAB
Zenith
- A55C6E
≈ Shine Baby Shine
- 697F3C
≈ Moss Landing
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.53:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.63:1 · APCA Lc 30
Najlepszy kolor tekstu: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Fragmenty kodu
CSS
:root {
--zenith: #3f7bab;
--zenith-rgb: 63 123 171;
--zenith-oklch: oklch(0.564 0.097 244.9);
}
.element {
color: var(--zenith);
background-color: hsl(207 46% 46%);
border-color: oklch(0.564 0.097 244.9);
}Tailwind CSS v4
@theme {
--color-zenith: #3f7bab;
--color-zenith-50: #e0f9ff;
--color-zenith-100: #cfecff;
--color-zenith-200: #b3d9fc;
--color-zenith-300: #8fbde7;
--color-zenith-400: #6ba5d4;
--color-zenith-500: #498cc2;
--color-zenith-600: #3e77a4;
--color-zenith-700: #325f84;
--color-zenith-800: #214661;
--color-zenith-900: #163044;
--color-zenith-950: #071c2c;
}SCSS
$zenith: #3f7bab;
$zenith-rgb: 63, 123, 171;
$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);
}