#305e68 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #305e68 | RGB(48, 94, 104) |
Created at 03/07/2023 05:39
Classification of #305e68 color
#305e68 is Semi dark and Cool Color Saturation 37%, lightness 30%.
Tint of Dark Slate Gray
RGB values are RGB(48, 94, 104)
#305e68 color contains Red 18.82%, Green 36.86% and Blue 40.78%.
oklch(45.35% 0.0529 213.5)
#305e68 color contains Red 18.82%, Green 36.86% and Blue 40.78%.
oklch(45.35% 0.0529 213.5)
Color Names of #305e68 HEX code
≈ Casal
Alternative colors of #305e68
Opposite Color for #305e68 is #683a30
#305e68 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #305e68
cmyk
CMYK(54%, 10%, 0%, 59%)
Decimal
3169896
HEX
#305e68
HSL
hsl(191, 37%, 30%)
HSLA
hsla(191, 37%, 30%, 1)
RGB
RGB(48, 94, 104)
RGBA
RGBA(48, 94, 104, 1)
Palettes for #305e68 color:
Below are examples of color palettes with the #305e68 HEX color
darkest color is #05090a from shades and lightest color is #eaeff0 from tints
Shades palette of #305e68:
#2b555e
#264b53
#224249
#1d383e
#182f34
#13262a
#0e1c1f
#0a1315
#05090a
#000000
Tints palette of #305e68:
#456e77
#597e86
#6e8e95
#839ea4
#98afb4
#acbfc3
#c1cfd2
#d6dfe1
#eaeff0
#ffffff
Complementary palette of #305e68:
#305e68
#683a30
Triadic palette of #305e68:
#305e68
#68305e
#5e6830
Square palette of #305e68:
#305e68
#563068
#683a30
#426830
Analogous palette of #305e68:
#306856
#305e68
#304268
Split-Complementary palette of #305e68:
#305e68
#683042
#685630
Rectangle (tetradic) palette of #305e68:
#305e68
#3a3068
#683a30
#5e6830
Suggested color palettes for #305e68 HEX:
Color palette with color #305e68 #1:
Color palette with color #305e68 #2:
Color palette with color #305e68 #3:
Color palette with color #305e68 #4:
Color palette with color #305e68 #5:
Color #305e68 used in palettes (1)
Color Contrast
Color pairings of #305e68 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#305e68
#305e68 Contrast Ratio
7.17:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#305e68
#305e68 Contrast Ratio
2.92:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #305e68 color png
Visit the popular colors list for more colors