Criado em 02/23/2023 21:54
#457b9d HEX Cor Informação
| Cor | HEX | RGB |
| #457b9d | RGB(69, 123, 157) |
RGB os valores são RGB(69, 123, 157)
#457b9d cor contém Vermelho 27.06%, Verde 48.24% e Azul 61.57%.
Nomes de cores de #457b9d HEX código
Annotation Blue, AR Frame Blue, Button Blue, Cache Blue, Chart Bar Blue, Cognitive Blue, Confusion Matrix Blue, Data Disk Blue, Doc Blue, Empathy Blue, Footer Blue, HighViz Blue, Metric Blue, Ontology Blue, Packet Blue, Pathfinder Blue, Probability Blue, Soft Indigo Cor
Cores alternativas de #457b9d
A cor oposta para #457b9d é #9c6644
#457b9d Conversão de cores
Informações de códigos e valores sobre o decimal de cor HEX, HEX. Valores HSL, HSLA, RGB, RGBA #457b9d
Decimal
4553629
HEX
#457b9d
HSL
hsl(203, 39%, 44%)
HSLA
hsla(203, 39%, 44%, 1)
RGB
RGB(69, 123, 157)
RGBA
RGBA(69, 123, 157, 1)
Paletas para cores #457b9d:
Abaixo exemplos de paletas de cores para cores HEX #457b9d
a cor mais escura é #070c10 dos tons e a cor mais clara é #ecf2f5 dos tons
Paleta de tons de #457b9d:
Paleta de tons de #457b9d:
Paleta complementar de #457b9d:
Paleta triádica de #457b9d:
Paleta quadrada de #457b9d:
Paleta análoga de #457b9d:
Paleta complementar dividida de #457b9d:
Paleta retangular (tetrádica) de #457b9d:
Cor #457b9d usado em paletas (19)
AD #1 Calm Tech Data Viz Accessibility Lab Pixel Memory Archive Colorscape AI-Driven UX Wireframe Progressive Web Manifest UI Human-Centered Engagement Team Product Predictive Analytics & Forecast Modeling Suite Augmented Reality Interaction UI Web Semantic Memory Builder Next.js Admin Portal Glow Accessibility First UI Framework Accessible Pixel Playground API Component Light Mode User Flow Heatmapping Theme Data Analytics Interface Grid Component Signal Analytics Supervised Learning Speedrun Mobile UI Business Canvas
Contraste de Cor
Combinações de cores #457b9d com preto e branco para texto pequeno, texto grande e gráficos com base na proporção de contraste de acessibilidade do WCAG.
#457b9d
#457b9d Taxa de contraste
4.59:1
| Tamanho | Nível AA | Nível AAA |
| Texto Grande: | ||
| Texto pequeno: |
#457b9d
#457b9d Taxa de contraste
4.57:1
| Tamanho | Nível AA | Nível AAA |
| Texto Grande: | ||
| Texto pequeno: |
Imagem #457b9d cor png
Visite a lista de cores populares para mais cores