#305970 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #305970 | RGB(48, 89, 112) |
Created at 03/01/2023 10:16
Classification of #305970 color
#305970 is Semi dark and Cool Color Saturation 40%, lightness 31%.
Tint of Dark Slate Gray
RGB values are RGB(48, 89, 112)
#305970 color contains Red 18.82%, Green 34.9% and Blue 43.92%.
oklch(44.42% 0.0596 234.87)
#305970 color contains Red 18.82%, Green 34.9% and Blue 43.92%.
oklch(44.42% 0.0596 234.87)
Color Names of #305970 HEX code
≈ Casal
Alternative colors of #305970
Opposite Color for #305970 is #704730
#305970 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #305970
cmyk
CMYK(57%, 21%, 0%, 56%)
Decimal
3168624
HEX
#305970
HSL
hsl(202, 40%, 31%)
HSLA
hsla(202, 40%, 31%, 1)
RGB
RGB(48, 89, 112)
RGBA
RGBA(48, 89, 112, 1)
Palettes for #305970 color:
Below are examples of color palettes with the #305970 HEX color
darkest color is #05090b from shades and lightest color is #eaeef1 from tints
Shades palette of #305970:
#2b5065
#26475a
#223e4e
#1d3543
#182d38
#13242d
#0e1b22
#0a1216
#05090b
#000000
Tints palette of #305970:
#456a7e
#597a8d
#6e8b9b
#839ba9
#98acb8
#acbdc6
#c1cdd4
#d6dee2
#eaeef1
#ffffff
Complementary palette of #305970:
#305970
#704730
Triadic palette of #305970:
#305970
#703059
#597030
Square palette of #305970:
#305970
#673070
#704730
#397030
Analogous palette of #305970:
#307067
#305970
#303970
Split-Complementary palette of #305970:
#305970
#703039
#706730
Rectangle (tetradic) palette of #305970:
#305970
#473070
#704730
#597030
Suggested color palettes for #305970 HEX:
Color palette with color #305970 #1:
Color palette with color #305970 #2:
Color palette with color #305970 #3:
Color palette with color #305970 #4:
Color palette with color #305970 #5:
Color #305970 used in palettes (1)
Color Contrast
Color pairings of #305970 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#305970
#305970 Contrast Ratio
7.53:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#305970
#305970 Contrast Ratio
2.78:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #305970 color png
Visit the popular colors list for more colors