Colore con nome · #4C7A9D
Tech Wave
Tech Wave è #4C7A9D: rgb(76 122 157), hsl(206 35% 46%), oklch(0.561 0.074 242.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Tech Wave color name →
#4C7A9D
oklch(0.561 0.074 242.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 5E87A7
- 6F94B1
- 80A1BA
- 92AEC4
- A4BBCE
- B6C8D8
- C8D6E1
- DAE3EB
- ECF1F5
Ombre
- 416988
- 365973
- 2C495F
- 223A4C
- 182B3A
- 0F1D28
- 061018
- 020509
- 000101
Toni
- 527B9A
- 587C98
- 5D7C95
- 627D92
- 687E8F
- 6D7E8C
- 727F89
- 777F86
- 7B8083
Armonie di colore
Complementare +180°
- 4C7A9D
Tech Wave
- 946B46
≈ Gingerbread Brick
Analogo -30° +30°
- 4C7A9D
Tech Wave
- 38808E
≈ Forget-Me-Not Blue
- 6672A1
≈ Blue Batik
Triadico +120° +240°
- 4C7A9D
Tech Wave
- 9A6271
≈ Tropical Hibiscus
- 6D7C4A
≈ Mint Leaves
Complementare divisa +150° +210°
- 4C7A9D
Tech Wave
- 9B6459
≈ Aged Bourbon
- 84743F
≈ Caper Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.58:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.57:1 · APCA Lc 30
Miglior colore del testo: #FFFFFF
WCAG 4.58:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
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);
}