Cor nomeada mais próxima · #4E76BC
#4E76BC
Cor nomeada mais próxima: Endless River
#4E76BC (rgb(78 118 188), hsl(218 45% 52%), oklch(0.569 0.118 260.9)) é mais próxima da cor nomeada Endless River. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#4E76BC
oklch(0.569 0.118 260.9)
Conversões de cor
- HEX
- #4e76bc
- RGB
- rgb(78 118 188)
- HSL
- hsl(218 45% 52%)
- HWB
- hwb(218 31% 26%)
- OKLCH
- oklch(0.569 0.118 260.9)
- OKLab
- oklab(0.569 -0.019 -0.116)
- CIE Lab
- lab(49.17 2.16 -41.79)
- LCH
- lch(49.17 41.84 273)
- CMYK
- cmyk(59% 37% 0% 26%)
Tons claros · Sombras · Tons
Tons claros
- 5F84C3
- 7091CB
- 819FD2
- 92ACD9
- A4BADF
- B6C8E6
- C8D5EC
- DAE3F3
- ECF1F9
Sombras
- 4366A3
- 38568B
- 2D4773
- 23385D
- 192947
- 0F1C32
- 070F1F
- 02050D
- 000102
Tons
- 5377B6
- 5979B1
- 5E7AAB
- 637BA5
- 687C9F
- 6D7D99
- 727E93
- 767F8D
- 7B7F86
Harmonias de cor
Complementar +180°
- 4E76BC
Endless River
- 9A6E00
≈ Chamois Yellow
Análoga -30° +30°
- 4E76BC
Endless River
- 0082AE
≈ Tusche Blue
- 7869B7
≈ Clear Mauve
Tríade +120° +240°
- 4E76BC
Endless River
- B25858
≈ Mineral Red
- 4D8843
≈ Beanpole
Complementar dividida +150° +210°
- 4E76BC
Endless River
- AD602F
≈ Corn Snake
- 7B7D16
≈ Pacifika
Tétrade +90° +180° +270°
- 4E76BC
Endless River
- AA5780
≈ Guppy Violet
- 9A6E00
≈ Chamois Yellow
- 008C6E
≈ Festive Green
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.52:1 · APCA Lc 71
Ag
AASobre preto
WCAG 4.64:1 · APCA Lc 30
Melhor cor de texto: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
Trechos de código
CSS
:root {
--endless-river: #4e76bc;
--endless-river-rgb: 78 118 188;
--endless-river-oklch: oklch(0.569 0.118 260.9);
}
.element {
color: var(--endless-river);
background-color: hsl(218 45% 52%);
border-color: oklch(0.569 0.118 260.9);
}Tailwind CSS v4
@theme {
--color-endless-river: #4e76bc;
--color-endless-river-50: #e4f6ff;
--color-endless-river-100: #d3e9ff;
--color-endless-river-200: #bad5ff;
--color-endless-river-300: #98b7f4;
--color-endless-river-400: #769fe4;
--color-endless-river-500: #5885d4;
--color-endless-river-600: #4b71b3;
--color-endless-river-700: #3c5a8f;
--color-endless-river-800: #28426b;
--color-endless-river-900: #1b2e4b;
--color-endless-river-950: #0b1a31;
}SCSS
$endless-river: #4e76bc;
$endless-river-rgb: 78, 118, 188;
$endless-river-light: mix(#fff, $endless-river, 20%);
$endless-river-dark: mix(#000, $endless-river, 20%);
.element {
color: $endless-river;
box-shadow: 0 0 0 2px rgba($endless-river, 0.35);
}