#306164 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #306164 | RGB(48, 97, 100) |
Created at 03/06/2023 11:23
RGB values are RGB(48, 97, 100)
#306164 color contains Red 18.82%, Green 38.04% and Blue 39.22%.
oklch(45.97% 0.0532 200.71)
#306164 color contains Red 18.82%, Green 38.04% and Blue 39.22%.
oklch(45.97% 0.0532 200.71)
Color Names of #306164 HEX code
≈ Casal
Classification of #306164 color
#306164 is Semi dark and Cool Color Saturation 35%, lightness 29%.
Tint of Dark Slate Gray
Alternative colors of #306164
Opposite Color for #306164 is #643330
#306164 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #306164
cmyk
CMYK(52%, 3%, 0%, 61%)
Decimal
3170660
HEX
#306164
HSL
hsl(183, 35%, 29%)
HSLA
hsla(183, 35%, 29%, 1)
RGB
RGB(48, 97, 100)
RGBA
RGBA(48, 97, 100, 1)
Palettes for #306164 color:
Below are examples of color palettes with the #306164 HEX color
darkest color is #050a0a from shades and lightest color is #eaeff0 from tints
Shades palette of #306164:
#2b575a
#264e50
#224446
#1d3a3c
#183132
#132728
#0e1d1e
#0a1314
#050a0a
#000000
Tints palette of #306164:
#457174
#598183
#6e9093
#83a0a2
#98b0b2
#acc0c1
#c1d0d1
#d6dfe0
#eaeff0
#ffffff
Complementary palette of #306164:
#306164
#643330
Triadic palette of #306164:
#306164
#643061
#616430
Square palette of #306164:
#306164
#4d3064
#643330
#476430
Analogous palette of #306164:
#30644d
#306164
#304764
Split-Complementary palette of #306164:
#306164
#643047
#644d30
Rectangle (tetradic) palette of #306164:
#306164
#333064
#643330
#616430
Suggested color palettes for #306164 HEX:
Color palette with color #306164 #1:
Color palette with color #306164 #2:
Color palette with color #306164 #3:
Color palette with color #306164 #4:
Color palette with color #306164 #5:
Color #306164 used in palettes (2)
Color Contrast
Color pairings of #306164 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#306164
#306164 Contrast Ratio
6.95:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#306164
#306164 Contrast Ratio
3.01:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #306164 color png
Visit the popular colors list for more colors