Created at 02/20/2023 02:34
#334168 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #334168 | RGB(51, 65, 104) |
RGB values are RGB(51, 65, 104)
#334168 color contain Red 20%, Green 25.49% and Blue 40.78%.
oklch(38.21% 0.0693 268.05)
#334168 color contain Red 20%, Green 25.49% and Blue 40.78%.
oklch(38.21% 0.0693 268.05)
Classification of #334168 color
#334168 is Light and Cool Color Saturation 34%, lightness 30%.
Tint of darkslateblue
Alternative colors of #334168
Opposite Color for #334168 is #675932
#334168 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #334168
Decimal
3359080
HEX
#334168
HSL
hsl(224, 34%, 30%)
HSLA
hsla(224, 34%, 30%, 1)
RGB
RGB(51, 65, 104)
RGBA
RGBA(51, 65, 104, 1)
Palettes for #334168 color:
Below examples of color palettes for #334168 HEX color
darkest color is #05060a from shades and lightest color is #ebecf0 from tints
Shades palette of #334168:
#2e3b5e
#293453
#242e49
#1f273e
#1a2134
#141a2a
#0f141f
#0a0d15
#05060a
#000000
Tints palette of #334168:
#475477
#5c6786
#707a95
#858da4
#99a0b4
#adb3c3
#c2c6d2
#d6d9e1
#ebecf0
#ffffff
Complementary palette of #334168:
#324067
#675932
Triadic palette of #334168:
#324067
#673240
#406732
Square palette of #334168:
#324067
#67325a
#32673f
#675932
Analogous palette of #334168:
#325a67
#324067
Split-Complementary palette of #334168:
#324067
#325a67
Rectangle (tetradic) palette of #334168:
#324067
#67325a
#32673f
#673f32
Suggested colors palettes for #334168 HEX:
Colors palette with color #334168 #1:
Colors palette with color #334168 #2:
Colors palette with color #334168 #3:
Colors palette with color #334168 #4:
Colors palette with color #334168 #5:
Color #334168 used in palettes (1)
Color Contrast
Color pairings #334168 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#334168
#334168 Contrast Ratio
10.01:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#334168
#334168 Contrast Ratio
2.09:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #334168 color png
Visit the popular colors list for more colors