#315768 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #315768 | RGB(49, 87, 104) |
Created at 02/23/2023 12:28
RGB values are RGB(49, 87, 104)
#315768 color contains Red 19.22%, Green 34.12% and Blue 40.78%.
oklch(43.58% 0.0516 228.59)
#315768 color contains Red 19.22%, Green 34.12% and Blue 40.78%.
oklch(43.58% 0.0516 228.59)
Color Names of #315768 HEX code
≈ Casal
Classification of #315768 color
#315768 is Semi dark and Cool Color Saturation 36%, lightness 30%.
Tint of Dark Slate Gray
Alternative colors of #315768
Opposite Color for #315768 is #684231
#315768 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #315768
cmyk
CMYK(53%, 16%, 0%, 59%)
Decimal
3233640
HEX
#315768
HSL
hsl(199, 36%, 30%)
HSLA
hsla(199, 36%, 30%, 1)
RGB
RGB(49, 87, 104)
RGBA
RGBA(49, 87, 104, 1)
Palettes for #315768 color:
Below are examples of color palettes with the #315768 HEX color
darkest color is #05090a from shades and lightest color is #eaeef0 from tints
Shades palette of #315768:
#2c4e5e
#274653
#223d49
#1d343e
#192c34
#14232a
#0f1a1f
#0a1115
#05090a
#000000
Tints palette of #315768:
#466877
#5a7986
#6f8995
#839aa4
#98abb4
#adbcc3
#c1cdd2
#d6dde1
#eaeef0
#ffffff
Complementary palette of #315768:
#315768
#684231
Triadic palette of #315768:
#315768
#683157
#576831
Square palette of #315768:
#315768
#5d3168
#684231
#3c6831
Analogous palette of #315768:
#31685d
#315768
#313c68
Split-Complementary palette of #315768:
#315768
#68313c
#685d31
Rectangle (tetradic) palette of #315768:
#315768
#423168
#684231
#576831
Suggested color palettes for #315768 HEX:
Color palette with color #315768 #1:
Color palette with color #315768 #2:
Color palette with color #315768 #3:
Color palette with color #315768 #4:
Color palette with color #315768 #5:
Color #315768 used in palettes (1)
Color Contrast
Color pairings of #315768 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#315768
#315768Contrast Ratio
7.79:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#315768
#315768Contrast Ratio
2.69:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #315768 color png
Visit the popular colors list for more colors