#475569 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #475569 | RGB(71, 85, 105) |
Created at 03/23/2023 22:54
RGB values are RGB(71, 85, 105)
#475569 color contains Red 27.84%, Green 33.33% and Blue 41.18%.
oklch(44.55% 0.0374 257.28)
#475569 color contains Red 27.84%, Green 33.33% and Blue 41.18%.
oklch(44.55% 0.0374 257.28)
Color Names of #475569 HEX code
Chain Slate, Chat Gray, Comment Slate, Compute Slate, Contrast Slate, Error Slate, Field Slate, Font Slate, Intent Slate, Layer Slate, Log Slate, Primary Slate, Secondary Slate, Slate Gray, Token Slate Color
≈ Fiord
Classification of #475569 color
#475569 is Semi dark and Cool Color Saturation 19%, lightness 35%.
Tint of Dark Slate Blue
Alternative colors of #475569
Opposite Color for #475569 is #695b47
#475569 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #475569
cmyk
CMYK(32%, 19%, 0%, 59%)
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 are examples of color palettes with the #475569 HEX color
darkest color is #07080a from shades and lightest color is #edeef0 from tints
Shades palette of #475569:
#404d5f
#394454
#323b4a
#2b333f
#242b35
#1c222a
#151a20
#0e1115
#07080a
#000000
Tints palette of #475569:
#596678
#6c7787
#7e8896
#9199a5
#a3aab4
#b5bbc3
#c8ccd2
#dadde1
#edeef0
#ffffff
Complementary palette of #475569:
#475569
#695b47
Triadic palette of #475569:
#475569
#694755
#556947
Square palette of #475569:
#475569
#694766
#695b47
#47694a
Analogous palette of #475569:
#476669
#475569
#4a4769
Split-Complementary palette of #475569:
#475569
#694a47
#666947
Rectangle (tetradic) palette of #475569:
#475569
#5b4769
#695b47
#556947
Suggested color palettes for #475569 HEX:
Color palette with color #475569 #1:
Color palette with color #475569 #2:
Color palette with color #475569 #3:
Color palette with color #475569 #4:
Color palette with color #475569 #5:
Color #475569 used in palettes (24)
TailwindCSSNormal-22Data Visualization ScientistWorkflow SlateModern SaaS App InterfaceCrispBoard ShellAI Interface Theme GeneratorWeb Components AI Lumina FlowMobile ChatDesign Language System TokensDeep Carbon ModeTerminal Pulse UISlateTab OrganizerWeb3 Smart Contract UI KitSemantic UI Schema TokensNo-Code UX Interface FlowMulti-Cloud AI Integration SuiteHeadless Web Component EngineSolution Architect Systems Design Palette TechGenerative Cloud API ConsoleEcho Dust FrameworkAI Generated Business Insight GridFrontend Animation StudioCinderNote Organizer
Color Contrast
Color pairings of #475569 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#475569
#475569Contrast Ratio
7.57:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#475569
#475569Contrast 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