Color con nombre · #4B596E
Bering Sea
Bering Sea es #4B596E: rgb(75 89 110), hsl(216 19% 36%), oklch(0.46 0.039 258.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Bering Sea color name →
#4B596E
oklch(0.46 0.039 258.4)
Conversiones de color
- HEX
- #4b596e
- RGB
- rgb(75 89 110)
- HSL
- hsl(216 19% 36%)
- HWB
- hwb(216 29% 57%)
- OKLCH
- oklch(0.46 0.039 258.4)
- OKLab
- oklab(0.46 -0.008 -0.038)
- CIE Lab
- lab(37.25 -1.49 -13.96)
- LCH
- lch(37.25 14.04 263.9)
- CMYK
- cmyk(32% 19% 0% 57%)
Tintes · Sombras · Tonos
Tintes
- 5B687C
- 6C7889
- 7D8898
- 8F98A6
- A0A8B4
- B3B9C3
- C5CAD2
- D8DCE1
- EBEDF0
Sombras
- 404C5F
- 354050
- 2B3441
- 212833
- 171D26
- 0E1319
- 06090E
- 020304
- 000001
Tonos
- 505D70
- 556172
- 5B6574
- 606875
- 656C77
- 6A7079
- 70747B
- 75787D
- 7B7C7E
Armonías de color
Complementario +180°
- 4B596E
Bering Sea
- 645640
≈ Mountain Trail
Análogo -30° +30°
- 4B596E
Bering Sea
- 415D69
≈ Hypothalamus Grey
- 57556D
≈ Majestic Magic
Triádico +120° +240°
- 4B596E
Bering Sea
- 6C5050
≈ Buccaneer
- 4E5E49
≈ Muddy Olive
Complementario dividido +150° +210°
- 4B596E
Bering Sea
- 6B5245
≈ Plantation Shutters
- 5A5A41
≈ Lone Pine
Tetrádico +90° +180° +270°
- 4B596E
Bering Sea
- 69505C
≈ Exclusively
- 645640
≈ Mountain Trail
- 435F54
≈ Emerson
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.11:1 · APCA Lc 85
Ag
FailSobre negro
WCAG 2.95:1 · APCA Lc 17
Mejor color de texto: #FFFFFF
WCAG 7.11:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmentos de código
CSS
:root {
--bering-sea: #4b596e;
--bering-sea-rgb: 75 89 110;
--bering-sea-oklch: oklch(0.46 0.039 258.4);
}
.element {
color: var(--bering-sea);
background-color: hsl(216 19% 36%);
border-color: oklch(0.46 0.039 258.4);
}Tailwind CSS v4
@theme {
--color-bering-sea: #4b596e;
--color-bering-sea-50: #eff6ff;
--color-bering-sea-100: #e1e8f5;
--color-bering-sea-200: #cbd5e5;
--color-bering-sea-300: #acb8cc;
--color-bering-sea-400: #91a0b6;
--color-bering-sea-500: #7787a0;
--color-bering-sea-600: #657387;
--color-bering-sea-700: #505c6c;
--color-bering-sea-800: #3a4350;
--color-bering-sea-900: #282e38;
--color-bering-sea-950: #161b22;
}SCSS
$bering-sea: #4b596e;
$bering-sea-rgb: 75, 89, 110;
$bering-sea-light: mix(#fff, $bering-sea, 20%);
$bering-sea-dark: mix(#000, $bering-sea, 20%);
.element {
color: $bering-sea;
box-shadow: 0 0 0 2px rgba($bering-sea, 0.35);
}