Created at 02/24/2023 05:27
#334155 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #334155 | RGB(51, 65, 85) |
RGB values are RGB(51, 65, 85)
#334155 color contain Red 20%, Green 25.49% and Blue 33.33%.
oklch(37.17% 0.0392 257.29)
#334155 color contain Red 20%, Green 25.49% and Blue 33.33%.
oklch(37.17% 0.0392 257.29)
Color Names of #334155 HEX code
Align Slate, Anchor Slate, Axis Slate, Charcoal, Community Slate, Confirm Navy, Constraint Slate, Container Navy, Dashboard Slate, Deployment Steel, DevOps Slate, Domain Slate, Duration Slate, Endpoint Slate, Graphite UI, Infra Gray, Ink Panel, Input Slate, Instance Slate, Interface Slate, Issue Slate, Ledger Gray, Log Slate, Memory Gray, Model Slate, Module Slate, Monitor Slate, Nested Slate, Neutral Border, Node Slate, Overlay Slate, Panel Slate, Pipeline Slate, Predict Slate, Press Slate, Primary Blue Gray, Primary Slate, Primary Steel, Screen Slate, Secure Slate, Security Slate, Slate Overlay, Slot Slate, Soft Navy, Steel Gray, Tap Slate, Text Charcoal Gray, Text Dust Ink, Text Earth Slate, Text Graphite, Text Graphite Gray, Text Ink Slate, Text Iron Gray, Text Iron Night, Text Nightfall, Text Ocean Ink, Text Ocean Stone, Text River Slate, Text Shadow Gray, Text Slate, Text Slate Charcoal, Text Slate Dust, Text Stone Ash, Text Stone Fog, UI Ink, Wallet Slate Color
Classification of #334155 color
#334155 is Light and Cool Color Saturation 25%, lightness 27%.
Tint of darkslateblue
Alternative colors of #334155
Opposite Color for #334155 is #564834
#334155 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #334155
Decimal
3359061
HEX
#334155
HSL
hsl(215, 25%, 27%)
HSLA
hsla(215, 25%, 27%, 1)
RGB
RGB(51, 65, 85)
RGBA
RGBA(51, 65, 85, 1)
Palettes for #334155 color:
Below examples of color palettes for #334155 HEX color
darkest color is #050608 from shades and lightest color is #ebecee from tints
Shades palette of #334155:
#2e3b4d
#293444
#242e3b
#1f2733
#1a212b
#141a22
#0f141a
#0a0d11
#050608
#000000
Tints palette of #334155:
#475466
#5c6777
#707a88
#858d99
#99a0aa
#adb3bb
#c2c6cc
#d6d9dd
#ebecee
#ffffff
Complementary palette of #334155:
#344256
#564834
Triadic palette of #334155:
#344256
#563442
#425634
Square palette of #334155:
#344256
#563453
#345637
#564834
Analogous palette of #334155:
#345356
#344256
Split-Complementary palette of #334155:
#344256
#345356
Rectangle (tetradic) palette of #334155:
#344256
#563453
#345637
#563734
Suggested colors palettes for #334155 HEX:
Colors palette with color #334155 #1:
Colors palette with color #334155 #2:
Colors palette with color #334155 #3:
Colors palette with color #334155 #4:
Colors palette with color #334155 #5:
Color #334155 used in palettes (24)
Architecture resort jebal sajid colours Nike app ui design ecomerce mobile React UI Hyperlink Contrast Realtime Figma UI Workspace Urban UI Toolkit Open Source Dev UI Palette Mirevia Phase Cloud API Integration Colors Drag-and-Drop Builder UI Neon SaaS Metrics Portal Mobile Interaction Design Tokens Scalable AI Model Ops UI AI Romance Prediction Valentine AI Inference Edge UI Panel Twilight Alloy System Composable Web UX Theme Dark Mode Optimization Palette for DevOps Engineers Interaction Design AI Assistant Dark UI Web Builder Theme Interactive Timeline Builder UI Cybersecurity Threat Analysis UI Accessible Minimal SaaS Product Design Palette Future Proof Cloud DevOps UI Palette Velmora Gleam
Color Contrast
Color pairings #334155 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#334155
#334155 Contrast Ratio
10.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#334155
#334155 Contrast Ratio
2.02:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #334155 color png
Visit the popular colors list for more colors