#305b6b HEX color information
| Color | HEX | RGB |
|---|---|---|
| #305b6b | RGB(48, 91, 107) |
Created at 11/15/2026 11:25
RGB values are RGB(48, 91, 107)
#305b6b color contains Red 18.82%, Green 35.69% and Blue 41.96%.
oklch(44.70% 0.0544 224.37)
#305b6b color contains Red 18.82%, Green 35.69% and Blue 41.96%.
oklch(44.70% 0.0544 224.37)
Color Names of #305b6b HEX code
≈ Casal
Classification of #305b6b color
#305b6b is Semi dark and Cool Color Saturation 38%, lightness 30%.
Tint of Dark Slate Gray
Alternative colors of #305b6b
Opposite Color for #305b6b is #6b4030
#305b6b Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #305b6b
cmyk
CMYK(55%, 15%, 0%, 58%)
Decimal
3169131
HEX
#305b6b
HSL
hsl(196, 38%, 30%)
HSLA
hsla(196, 38%, 30%, 1)
RGB
RGB(48, 91, 107)
RGBA
RGBA(48, 91, 107, 1)
Palettes for #305b6b color:
Below are examples of color palettes with the #305b6b HEX color
darkest color is #05090b from shades and lightest color is #eaeff0 from tints
Shades palette of #305b6b:
#2b5260
#264956
#22404b
#1d3740
#182e36
#13242b
#0e1b20
#0a1215
#05090b
#000000
Tints palette of #305b6b:
#456b7a
#597c89
#6e8c97
#839da6
#98adb5
#acbdc4
#c1ced3
#d6dee1
#eaeff0
#ffffff
Complementary palette of #305b6b:
#305b6b
#6b4030
Triadic palette of #305b6b:
#305b6b
#6b305b
#5b6b30
Square palette of #305b6b:
#305b6b
#5e306b
#6b4030
#3d6b30
Analogous palette of #305b6b:
#306b5e
#305b6b
#303d6b
Split-Complementary palette of #305b6b:
#305b6b
#6b303d
#6b5e30
Rectangle (tetradic) palette of #305b6b:
#305b6b
#40306b
#6b4030
#5b6b30
Suggested color palettes for #305b6b HEX:
Color palette with color #305b6b #1:
Color palette with color #305b6b #2:
Color palette with color #305b6b #3:
Color palette with color #305b6b #4:
Color palette with color #305b6b #5:
Color Contrast
Color pairings of #305b6b with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#305b6b
#305b6bContrast Ratio
7.4:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#305b6b
#305b6bContrast Ratio
2.83:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #305b6b color png
Visit the popular colors list for more colors