Created at 02/19/2023 18:54
#304b68 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #304b68 | RGB(48, 75, 104) |
RGB values are RGB(48, 75, 104)
#304b68 color contain Red 18.82%, Green 29.41% and Blue 40.78%.
oklch(40.46% 0.0592 251.13)
#304b68 color contain Red 18.82%, Green 29.41% and Blue 40.78%.
oklch(40.46% 0.0592 251.13)
Classification of #304b68 color
#304b68 is Light and Cool Color Saturation 37%, lightness 30%.
Tint of darkslateblue
Alternative colors of #304b68
Opposite Color for #304b68 is #694d30
#304b68 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #304b68
Decimal
3165032
HEX
#304b68
HSL
hsl(211, 37%, 30%)
HSLA
hsla(211, 37%, 30%, 1)
RGB
RGB(48, 75, 104)
RGBA
RGBA(48, 75, 104, 1)
Palettes for #304b68 color:
Below examples of color palettes for #304b68 HEX color
darkest color is #05070a from shades and lightest color is #eaedf0 from tints
Shades palette of #304b68:
#2b445e
#263c53
#223549
#1d2d3e
#182634
#131e2a
#0e171f
#0a0f15
#05070a
#000000
Tints palette of #304b68:
#455d77
#596f86
#6e8195
#8393a4
#98a5b4
#acb7c3
#c1c9d2
#d6dbe1
#eaedf0
#ffffff
Complementary palette of #304b68:
#304c69
#694d30
Triadic palette of #304b68:
#304c69
#69304c
#4c6930
Square palette of #304b68:
#304c69
#693068
#306931
#694d30
Analogous palette of #304b68:
#306869
#304c69
Split-Complementary palette of #304b68:
#304c69
#306869
Rectangle (tetradic) palette of #304b68:
#304c69
#693068
#306931
#693130
Suggested colors palettes for #304b68 HEX:
Colors palette with color #304b68 #1:
Colors palette with color #304b68 #2:
Colors palette with color #304b68 #3:
Colors palette with color #304b68 #4:
Colors palette with color #304b68 #5:
Color #304b68 used in palettes (3)
Color Contrast
Color pairings #304b68 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#304b68
#304b68 Contrast Ratio
9:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#304b68
#304b68 Contrast Ratio
2.33:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #304b68 color png
Visit the popular colors list for more colors