Created at 03/23/2023 22:54
#475569 HEX Color information
| Color | HEX | RGB |
| #475569 | RGB(71, 85, 105) |
RGB values are RGB(71, 85, 105)
#475569 color contain Red 27.84%, Green 33.33% and Blue 41.18%.
oklch(44.55% 0.0374 257.28)
#475569 color contain Red 27.84%, Green 33.33% and Blue 41.18%.
oklch(44.55% 0.0374 257.28)
More palettes with:
Color Names of #475569 HEX code
Axis Label Slate, Backend Slate, Binding Slate, Build Slate, Calendar Slate, Chain Slate, Charcoal Gray, Chat Gray, Comment Slate, Component Slate, Compute Slate, Confirm Slate, Console Slate, Container Slate, Contrast Slate, Cue Slate, Data Slate, Decay Slate, Disabled Slate, Dismiss Slate, Dock Gray, Ease Slate, Error Slate, Fiber Slate, Field Slate, Filter Slate, Flow Slate, Focus Slate, Font Slate, Form Slate, Graphite Gray, Header Slate, Hold Slate, Hover Slate, Icon Slate, Import Slate, Index Slate, Intent Slate, Interactive Slate, Invoice Slate, Layer Slate, Layer Steel, Ledger Slate, Link Slate, Listen Slate, Live Slate, Log Slate, Loop Slate, Manifest Slate, Mockup Slate, Orchestrate Slate, Predict Slate, Primary Blue Gray, Primary Slate, Rate Limit Slate, Render Slate, Retrospective Slate, Scale Slate, Secondary Slate, Slate Ash, Slate Frame, Slate Gray, Slate Medium, Slate Stone, SSR Steel, Status Gray, Status Slate, Stream Slate, Structural Slate, Structural Steel, Suggest Slate, Support Slate, Swipe Slate, Tara, Text Slate, Thread Slate, Token Slate, Trend Slate, UI Border, Unvisited Slate, User Slate, Validation Slate, Vector Slate, Version Slate Color
Alternative colors of #475569
Opposite Color for #475569 is #6a5c48
#475569 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #475569
Decimal
4674921
HEX
#475569
HSL
hsl(215, 19%, 35%)
HSLA
hsla(215, 19%, 35%, 1)
RGB
RGB(71, 85, 105)
RGBA
RGBA(71, 85, 105, 1)
Palettes for #475569 color:
Below examples of color palettes for #475569 HEX color
darkest color is #07080a from shades and lightest color is #edeef0 from tints
Shades palette of #475569:
Tints palette of #475569:
Complementary palette of #475569:
Triadic palette of #475569:
Square palette of #475569:
Analogous palette of #475569:
Split-Complementary palette of #475569:
Rectangle (tetradic) palette of #475569:
Loading...
Color #475569 used in palettes (24)
TailwindCSS Normal-22 Data Visualization Scientist Workflow Slate CrispBoard Shell Modern SaaS App Interface AI Interface Theme Generator Web Components AI Lumina Flow Mobile Chat Design Language System Tokens Terminal Pulse UI Deep Carbon Mode Frontend Animation Studio Web3 Smart Contract UI Kit Semantic UI Schema Tokens No-Code UX Interface Flow Multi-Cloud AI Integration Suite Solution Architect Systems Design Palette Tech Headless Web Component Engine Echo Dust Framework SlateTab Organizer AI Generated Business Insight Grid CinderNote Organizer Generative Cloud API Console
Color Contrast
Color pairings #475569 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#475569
#475569 Contrast Ratio
7.57:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#475569
#475569 Contrast Ratio
2.77:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #475569 color png
Visit the popular colors list for more colors