Cor nomeada · #45698C
Snake River
Snake River é #45698C: rgb(69 105 140), hsl(210 34% 41%), oklch(0.509 0.07 248.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Snake River color name →
#45698C
oklch(0.509 0.07 248.7)
Conversões de cor
- HEX
- #45698c
- RGB
- rgb(69 105 140)
- HSL
- hsl(210 34% 41%)
- HWB
- hwb(210 27% 45%)
- OKLCH
- oklch(0.509 0.07 248.7)
- OKLab
- oklab(0.509 -0.025 -0.065)
- CIE Lab
- lab(42.82 -5.4 -23.66)
- LCH
- lch(42.82 24.26 257.1)
- CMYK
- cmyk(51% 25% 0% 45%)
Tons claros · Sombras · Tons
Tons claros
- 577797
- 6886A3
- 7A94AE
- 8CA3B9
- 9FB2C5
- B1C1D0
- C4D0DC
- D8E0E8
- EBEFF3
Sombras
- 3B5A79
- 314C67
- 273E55
- 1E3143
- 152433
- 0C1823
- 050C14
- 020407
- 000001
Tons
- 4B6B8B
- 516E8A
- 577089
- 5D7388
- 637587
- 697785
- 6F7984
- 757C83
- 7A7E81
Harmonias de cor
Complementar +180°
- 45698C
Snake River
- 805E38
≈ Rubber
Análoga -30° +30°
- 45698C
Snake River
- 306F81
≈ Tlāloc Blue
- 5D628D
≈ Majestic Purple
Tríade +120° +240°
- 45698C
Snake River
- 88555D
≈ Renaissance Rose
- 596E42
≈ Chalet Green
Complementar dividida +150° +210°
- 45698C
Snake River
- 885848
≈ True Copper
- 706635
≈ Himalaya
Tétrade +90° +180° +270°
- 45698C
Snake River
- 805673
≈ Magnificence
- 805E38
≈ Rubber
- 407257
≈ Foliage Green
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.74:1 · APCA Lc 79
Ag
FailSobre preto
WCAG 3.65:1 · APCA Lc 23
Melhor cor de texto: #FFFFFF
WCAG 5.74:1 (AA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--snake-river: #45698c;
--snake-river-rgb: 69 105 140;
--snake-river-oklch: oklch(0.509 0.07 248.7);
}
.element {
color: var(--snake-river);
background-color: hsl(210 34% 41%);
border-color: oklch(0.509 0.07 248.7);
}Tailwind CSS v4
@theme {
--color-snake-river: #45698c;
--color-snake-river-50: #e7f7ff;
--color-snake-river-100: #d7eaff;
--color-snake-river-200: #bfd7f2;
--color-snake-river-300: #9dbbda;
--color-snake-river-400: #7ea2c6;
--color-snake-river-500: #618ab3;
--color-snake-river-600: #537597;
--color-snake-river-700: #425e79;
--color-snake-river-800: #2e4559;
--color-snake-river-900: #1f303e;
--color-snake-river-950: #0f1c28;
}SCSS
$snake-river: #45698c;
$snake-river-rgb: 69, 105, 140;
$snake-river-light: mix(#fff, $snake-river, 20%);
$snake-river-dark: mix(#000, $snake-river, 20%);
.element {
color: $snake-river;
box-shadow: 0 0 0 2px rgba($snake-river, 0.35);
}