Color con nombre más cercano · #407F91
#407F91
Color con nombre más cercano: Panorama
#407F91 (rgb(64 127 145), hsl(193 39% 41%), oklch(0.562 0.07 218.8)) se parece más al color con nombre Panorama. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#407F91
oklch(0.562 0.07 218.8)
Conversiones de color
- HEX
- #407f91
- RGB
- rgb(64 127 145)
- HSL
- hsl(193 39% 41%)
- HWB
- hwb(193 25% 43%)
- OKLCH
- oklch(0.562 0.07 218.8)
- OKLab
- oklab(0.562 -0.055 -0.044)
- CIE Lab
- lab(49.58 -17.04 -16.33)
- LCH
- lch(49.58 23.61 223.8)
- CMYK
- cmyk(56% 12% 0% 43%)
Tintes · Sombras · Tonos
Tintes
- 548B9C
- 6798A6
- 7AA4B1
- 8DB1BC
- A0BEC7
- B2CAD2
- C5D7DD
- D8E5E8
- ECF2F4
Sombras
- 366E7D
- 2D5D6A
- 244C58
- 1B3C46
- 132D35
- 0B1F25
- 051115
- 010607
- 000101
Tonos
- 487F8F
- 507F8E
- 57808C
- 5D808A
- 648089
- 6A8087
- 708085
- 758084
- 7B8082
Armonías de color
Complementario +180°
- 407F91
Panorama
- 996756
≈ Bucking Bronco
Análogo -30° +30°
- 407F91
Panorama
- 3D827D
≈ Bubble Turquoise
- 54799D
≈ Storm Blue
Triádico +120° +240°
- 407F91
Panorama
- 916583
≈ Rust Magenta
- 7F7644
≈ Steppe Green
Complementario dividido +150° +210°
- 407F91
Panorama
- 99646C
≈ Soft Bromeliad
- 906D46
≈ Tanned Wood
Tetrádico +90° +180° +270°
- 407F91
Panorama
- 816A95
≈ Ornate
- 996756
≈ Bucking Bronco
- 687D50
≈ Mint Leaves
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.50:1 · APCA Lc 71
Ag
AASobre negro
WCAG 4.66:1 · APCA Lc 31
Mejor color de texto: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Fragmentos de código
CSS
:root {
--panorama: #407f91;
--panorama-rgb: 64 127 145;
--panorama-oklch: oklch(0.562 0.07 218.8);
}
.element {
color: var(--panorama);
background-color: hsl(193 39% 41%);
border-color: oklch(0.562 0.07 218.8);
}Tailwind CSS v4
@theme {
--color-panorama: #407f91;
--color-panorama-50: #e0faff;
--color-panorama-100: #cfeef9;
--color-panorama-200: #b4dcea;
--color-panorama-300: #90c0d1;
--color-panorama-400: #6da9bb;
--color-panorama-500: #4a91a6;
--color-panorama-600: #407b8c;
--color-panorama-700: #336270;
--color-panorama-800: #234852;
--color-panorama-900: #173239;
--color-panorama-950: #081e24;
}SCSS
$panorama: #407f91;
$panorama-rgb: 64, 127, 145;
$panorama-light: mix(#fff, $panorama, 20%);
$panorama-dark: mix(#000, $panorama, 20%);
.element {
color: $panorama;
box-shadow: 0 0 0 2px rgba($panorama, 0.35);
}