#305b68 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #305b68 | RGB(48, 91, 104) |
Created at 11/05/2026 01:35
RGB values are RGB(48, 91, 104)
#305b68 color contains Red 18.82%, Green 35.69% and Blue 40.78%.
oklch(44.56% 0.0522 219.66)
#305b68 color contains Red 18.82%, Green 35.69% and Blue 40.78%.
oklch(44.56% 0.0522 219.66)
Color Names of #305b68 HEX code
≈ Casal
Classification of #305b68 color
#305b68 is Semi dark and Cool Color Saturation 37%, lightness 30%.
Tint of Dark Slate Gray
Alternative colors of #305b68
Opposite Color for #305b68 is #683d30
#305b68 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #305b68
cmyk
CMYK(54%, 12%, 0%, 59%)
Decimal
3169128
HEX
#305b68
HSL
hsl(194, 37%, 30%)
HSLA
hsla(194, 37%, 30%, 1)
RGB
RGB(48, 91, 104)
RGBA
RGBA(48, 91, 104, 1)
Palettes for #305b68 color:
Below are examples of color palettes with the #305b68 HEX color
darkest color is #05090a from shades and lightest color is #eaeff0 from tints
Shades palette of #305b68:
#2b525e
#264953
#224049
#1d373e
#182e34
#13242a
#0e1b1f
#0a1215
#05090a
#000000
Tints palette of #305b68:
#456b77
#597c86
#6e8c95
#839da4
#98adb4
#acbdc3
#c1ced2
#d6dee1
#eaeff0
#ffffff
Complementary palette of #305b68:
#305b68
#683d30
Triadic palette of #305b68:
#305b68
#68305b
#5b6830
Square palette of #305b68:
#305b68
#593068
#683d30
#3f6830
Analogous palette of #305b68:
#306859
#305b68
#303f68
Split-Complementary palette of #305b68:
#305b68
#68303f
#685930
Rectangle (tetradic) palette of #305b68:
#305b68
#3d3068
#683d30
#5b6830
Suggested color palettes for #305b68 HEX:
Color palette with color #305b68 #1:
Color palette with color #305b68 #2:
Color palette with color #305b68 #3:
Color palette with color #305b68 #4:
Color palette with color #305b68 #5:
Color Contrast
Color pairings of #305b68 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#305b68
#305b68Contrast Ratio
7.44:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#305b68
#305b68Contrast Ratio
2.82:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #305b68 color png
Visit the popular colors list for more colors