#305e64 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #305e64 | RGB(48, 94, 100) |
Created at 02/28/2023 22:06
Classification of #305e64 color
#305e64 is Semi dark and Cool Color Saturation 35%, lightness 29%.
Tint of Dark Slate Gray
RGB values are RGB(48, 94, 100)
#305e64 color contains Red 18.82%, Green 36.86% and Blue 39.22%.
oklch(45.18% 0.0513 206.52)
#305e64 color contains Red 18.82%, Green 36.86% and Blue 39.22%.
oklch(45.18% 0.0513 206.52)
Color Names of #305e64 HEX code
≈ Casal
Alternative colors of #305e64
Opposite Color for #305e64 is #643630
#305e64 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #305e64
cmyk
CMYK(52%, 6%, 0%, 61%)
Decimal
3169892
HEX
#305e64
HSL
hsl(187, 35%, 29%)
HSLA
hsla(187, 35%, 29%, 1)
RGB
RGB(48, 94, 100)
RGBA
RGBA(48, 94, 100, 1)
Palettes for #305e64 color:
Below are examples of color palettes with the #305e64 HEX color
darkest color is #05090a from shades and lightest color is #eaeff0 from tints
Shades palette of #305e64:
#2b555a
#264b50
#224246
#1d383c
#182f32
#132628
#0e1c1e
#0a1314
#05090a
#000000
Tints palette of #305e64:
#456e74
#597e83
#6e8e93
#839ea2
#98afb2
#acbfc1
#c1cfd1
#d6dfe0
#eaeff0
#ffffff
Complementary palette of #305e64:
#305e64
#643630
Triadic palette of #305e64:
#305e64
#64305e
#5e6430
Square palette of #305e64:
#305e64
#503064
#643630
#446430
Analogous palette of #305e64:
#306450
#305e64
#304464
Split-Complementary palette of #305e64:
#305e64
#643044
#645030
Rectangle (tetradic) palette of #305e64:
#305e64
#363064
#643630
#5e6430
Suggested color palettes for #305e64 HEX:
Color palette with color #305e64 #1:
Color palette with color #305e64 #2:
Color palette with color #305e64 #3:
Color palette with color #305e64 #4:
Color palette with color #305e64 #5:
Color #305e64 used in palettes (1)
Color Contrast
Color pairings of #305e64 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#305e64
#305e64 Contrast Ratio
7.21:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#305e64
#305e64 Contrast Ratio
2.91:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #305e64 color png
Visit the popular colors list for more colors