Created at 03/02/2023 18:43
#334364 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #334364 | RGB(51, 67, 100) |
RGB values are RGB(51, 67, 100)
#334364 color contain Red 20%, Green 26.27% and Blue 39.22%.
oklch(38.46% 0.0603 263.99)
#334364 color contain Red 20%, Green 26.27% and Blue 39.22%.
oklch(38.46% 0.0603 263.99)
Classification of #334364 color
#334364 is Light and Cool Color Saturation 32%, lightness 30%.
Tint of darkslateblue
Alternative colors of #334364
Opposite Color for #334364 is #655534
#334364 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #334364
Decimal
3359588
HEX
#334364
HSL
hsl(220, 32%, 30%)
HSLA
hsla(220, 32%, 30%, 1)
RGB
RGB(51, 67, 100)
RGBA
RGBA(51, 67, 100, 1)
Palettes for #334364 color:
Below examples of color palettes for #334364 HEX color
darkest color is #05070a from shades and lightest color is #ebecf0 from tints
Shades palette of #334364:
#2e3c5a
#293650
#242f46
#1f283c
#1a2232
#141b28
#0f141e
#0a0d14
#05070a
#000000
Tints palette of #334364:
#475674
#5c6983
#707b93
#858ea2
#99a1b2
#adb4c1
#c2c7d1
#d6d9e0
#ebecf0
#ffffff
Complementary palette of #334364:
#344465
#655534
Triadic palette of #334364:
#344465
#653444
#446534
Square palette of #334364:
#344465
#65345d
#34653c
#655534
Analogous palette of #334364:
#345d65
#344465
Split-Complementary palette of #334364:
#344465
#345d65
Rectangle (tetradic) palette of #334364:
#344465
#65345d
#34653c
#653c34
Suggested colors palettes for #334364 HEX:
Colors palette with color #334364 #1:
Colors palette with color #334364 #2:
Colors palette with color #334364 #3:
Colors palette with color #334364 #4:
Colors palette with color #334364 #5:
Color #334364 used in palettes (2)
Color Contrast
Color pairings #334364 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#334364
#334364 Contrast Ratio
9.87:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#334364
#334364 Contrast Ratio
2.12:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #334364 color png
Visit the popular colors list for more colors