#305d64 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #305d64 | RGB(48, 93, 100) |
Created at 02/19/2023 15:55
RGB values are RGB(48, 93, 100)
#305d64 color contains Red 18.82%, Green 36.47% and Blue 39.22%.
oklch(44.92% 0.0508 208.55)
#305d64 color contains Red 18.82%, Green 36.47% and Blue 39.22%.
oklch(44.92% 0.0508 208.55)
Color Names of #305d64 HEX code
≈ Casal
Classification of #305d64 color
#305d64 is Semi dark and Cool Color Saturation 35%, lightness 29%.
Tint of Dark Slate Gray
Alternative colors of #305d64
Opposite Color for #305d64 is #643730
#305d64 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #305d64
cmyk
CMYK(52%, 7%, 0%, 61%)
Decimal
3169636
HEX
#305d64
HSL
hsl(188, 35%, 29%)
HSLA
hsla(188, 35%, 29%, 1)
RGB
RGB(48, 93, 100)
RGBA
RGBA(48, 93, 100, 1)
Palettes for #305d64 color:
Below are examples of color palettes with the #305d64 HEX color
darkest color is #05090a from shades and lightest color is #eaeff0 from tints
Shades palette of #305d64:
#2b545a
#264a50
#224146
#1d383c
#182f32
#132528
#0e1c1e
#0a1314
#05090a
#000000
Tints palette of #305d64:
#456d74
#597d83
#6e8e93
#839ea2
#98aeb2
#acbec1
#c1ced1
#d6dfe0
#eaeff0
#ffffff
Complementary palette of #305d64:
#305d64
#643730
Triadic palette of #305d64:
#305d64
#64305d
#5d6430
Square palette of #305d64:
#305d64
#513064
#643730
#436430
Analogous palette of #305d64:
#306451
#305d64
#304364
Split-Complementary palette of #305d64:
#305d64
#643043
#645130
Rectangle (tetradic) palette of #305d64:
#305d64
#373064
#643730
#5d6430
Suggested color palettes for #305d64 HEX:
Color palette with color #305d64 #1:
Color palette with color #305d64 #2:
Color palette with color #305d64 #3:
Color palette with color #305d64 #4:
Color palette with color #305d64 #5:
Color #305d64 used in palettes (1)
Color Contrast
Color pairings of #305d64 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#305d64
#305d64Contrast Ratio
7.3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#305d64
#305d64Contrast Ratio
2.87:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #305d64 color png
Visit the popular colors list for more colors