Color con nombre · #4E82B4
Cyan Azure
Cyan Azure es #4E82B4: rgb(78 130 180), hsl(209 40% 51%), oklch(0.592 0.095 248.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Cyan Azure color name →
#4E82B4
oklch(0.592 0.095 248.8)
Conversiones de color
- HEX
- #4e82b4
- RGB
- rgb(78 130 180)
- HSL
- hsl(209 40% 51%)
- HWB
- hwb(209 31% 29%)
- OKLCH
- oklch(0.592 0.095 248.8)
- OKLab
- oklab(0.592 -0.034 -0.089)
- CIE Lab
- lab(52.36 -6.53 -32.22)
- LCH
- lch(52.36 32.88 258.5)
- CMYK
- cmyk(57% 28% 0% 29%)
Tintes · Sombras · Tonos
Tintes
- 608EBC
- 719AC4
- 82A7CB
- 94B3D3
- A5C0DA
- B7CCE2
- C9D9E9
- DBE5F1
- EDF2F8
Sombras
- 43709C
- 385F85
- 2D4E6E
- 233E58
- 192F44
- 0F2030
- 07121D
- 02060C
- 000102
Tonos
- 5482AF
- 5A82AA
- 5F82A5
- 6482A0
- 69829B
- 6E8295
- 738190
- 77818B
- 7C8085
Armonías de color
Complementario +180°
- 4E82B4
Cyan Azure
- A3733A
≈ Digger’s Gold
Análogo -30° +30°
- 4E82B4
Cyan Azure
- 288BA4
≈ Waikiki
- 7177B6
≈ Wind Star
Triádico +120° +240°
- 4E82B4
Cyan Azure
- AE6572
≈ Berry Crush
- 6C8949
≈ Green Suede
Complementario dividido +150° +210°
- 4E82B4
Cyan Azure
- AE6953
≈ Deep Clay Red
- 8C7E35
≈ Koke Moss
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.05:1 · APCA Lc 68
Ag
AASobre negro
WCAG 5.17:1 · APCA Lc 34
Mejor color de texto: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
Fragmentos de código
CSS
:root {
--cyan-azure: #4e82b4;
--cyan-azure-rgb: 78 130 180;
--cyan-azure-oklch: oklch(0.592 0.095 248.8);
}
.element {
color: var(--cyan-azure);
background-color: hsl(209 40% 51%);
border-color: oklch(0.592 0.095 248.8);
}Tailwind CSS v4
@theme {
--color-cyan-azure: #4e82b4;
--color-cyan-azure-50: #e2f8ff;
--color-cyan-azure-100: #d1ebff;
--color-cyan-azure-200: #b7d8fc;
--color-cyan-azure-300: #93bbe7;
--color-cyan-azure-400: #71a3d5;
--color-cyan-azure-500: #508bc2;
--color-cyan-azure-600: #4575a4;
--color-cyan-azure-700: #375e84;
--color-cyan-azure-800: #254562;
--color-cyan-azure-900: #193044;
--color-cyan-azure-950: #091c2c;
}SCSS
$cyan-azure: #4e82b4;
$cyan-azure-rgb: 78, 130, 180;
$cyan-azure-light: mix(#fff, $cyan-azure, 20%);
$cyan-azure-dark: mix(#000, $cyan-azure, 20%);
.element {
color: $cyan-azure;
box-shadow: 0 0 0 2px rgba($cyan-azure, 0.35);
}