Nazwany kolor · #4C7A9D
Tech Wave
Tech Wave to #4C7A9D: rgb(76 122 157), hsl(206 35% 46%), oklch(0.561 0.074 242.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Tech Wave color name →
#4C7A9D
oklch(0.561 0.074 242.5)
Konwersje koloru
- HEX
- #4c7a9d
- RGB
- rgb(76 122 157)
- HSL
- hsl(206 35% 46%)
- HWB
- hwb(206 30% 38%)
- OKLCH
- oklch(0.561 0.074 242.5)
- OKLab
- oklab(0.561 -0.034 -0.066)
- CIE Lab
- lab(49.01 -8.53 -24.12)
- LCH
- lch(49.01 25.59 250.5)
- CMYK
- cmyk(52% 22% 0% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5E87A7
- 6F94B1
- 80A1BA
- 92AEC4
- A4BBCE
- B6C8D8
- C8D6E1
- DAE3EB
- ECF1F5
Odcienie ciemniejsze
- 416988
- 365973
- 2C495F
- 223A4C
- 182B3A
- 0F1D28
- 061018
- 020509
- 000101
Tony
- 527B9A
- 587C98
- 5D7C95
- 627D92
- 687E8F
- 6D7E8C
- 727F89
- 777F86
- 7B8083
Harmonie kolorów
Komplementarna +180°
- 4C7A9D
Tech Wave
- 946B46
≈ Gingerbread Brick
Analogowa -30° +30°
- 4C7A9D
Tech Wave
- 38808E
≈ Forget-Me-Not Blue
- 6672A1
≈ Blue Batik
Triada +120° +240°
- 4C7A9D
Tech Wave
- 9A6271
≈ Tropical Hibiscus
- 6D7C4A
≈ Mint Leaves
Komplementarna rozszczepiona +150° +210°
- 4C7A9D
Tech Wave
- 9B6459
≈ Aged Bourbon
- 84743F
≈ Caper Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.58:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.57:1 · APCA Lc 30
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.58:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--tech-wave: #4c7a9d;
--tech-wave-rgb: 76 122 157;
--tech-wave-oklch: oklch(0.561 0.074 242.5);
}
.element {
color: var(--tech-wave);
background-color: hsl(206 35% 46%);
border-color: oklch(0.561 0.074 242.5);
}Tailwind CSS v4
@theme {
--color-tech-wave: #4c7a9d;
--color-tech-wave-50: #e4f8ff;
--color-tech-wave-100: #d4ebff;
--color-tech-wave-200: #bad8f2;
--color-tech-wave-300: #98bcdb;
--color-tech-wave-400: #77a4c7;
--color-tech-wave-500: #588cb4;
--color-tech-wave-600: #4b7798;
--color-tech-wave-700: #3c5f7a;
--color-tech-wave-800: #2a465a;
--color-tech-wave-900: #1c303f;
--color-tech-wave-950: #0c1c28;
}SCSS
$tech-wave: #4c7a9d;
$tech-wave-rgb: 76, 122, 157;
$tech-wave-light: mix(#fff, $tech-wave, 20%);
$tech-wave-dark: mix(#000, $tech-wave, 20%);
.element {
color: $tech-wave;
box-shadow: 0 0 0 2px rgba($tech-wave, 0.35);
}