#386b8c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #386b8c | RGB(56, 107, 140) |
Created at 10/31/2026 11:02
RGB values are RGB(56, 107, 140)
#386b8c color contains Red 21.96%, Green 41.96% and Blue 54.9%.
oklch(50.68% 0.0761 239.06)
#386b8c color contains Red 21.96%, Green 41.96% and Blue 54.9%.
oklch(50.68% 0.0761 239.06)
Color Names of #386b8c HEX code
≈ Calypso
Classification of #386b8c color
#386b8c is Semi dark and Cool Color Saturation 43%, lightness 38%.
Shade of Steel Blue
Alternative colors of #386b8c
Opposite Color for #386b8c is #8c5938
#386b8c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #386b8c
cmyk
CMYK(60%, 24%, 0%, 45%)
Decimal
3697548
HEX
#386b8c
HSL
hsl(204, 43%, 38%)
HSLA
hsla(204, 43%, 38%, 1)
RGB
RGB(56, 107, 140)
RGBA
RGBA(56, 107, 140, 1)
Palettes for #386b8c color:
Below are examples of color palettes with the #386b8c HEX color
darkest color is #060b0e from shades and lightest color is #ebf0f4 from tints
Shades palette of #386b8c:
#32607e
#2d5670
#274b62
#224054
#1c3646
#162b38
#11202a
#0b151c
#060b0e
#000000
Tints palette of #386b8c:
#4c7a98
#6089a3
#7497af
#88a6ba
#9cb5c6
#afc4d1
#c3d3dd
#d7e1e8
#ebf0f4
#ffffff
Complementary palette of #386b8c:
#386b8c
#8c5938
Triadic palette of #386b8c:
#386b8c
#8c386b
#6b8c38
Square palette of #386b8c:
#386b8c
#83388c
#8c5938
#418c38
Analogous palette of #386b8c:
#388c83
#386b8c
#38418c
Split-Complementary palette of #386b8c:
#386b8c
#8c3841
#8c8338
Rectangle (tetradic) palette of #386b8c:
#386b8c
#59388c
#8c5938
#6b8c38
Suggested color palettes for #386b8c HEX:
Color palette with color #386b8c #1:
Color palette with color #386b8c #2:
Color palette with color #386b8c #3:
Color palette with color #386b8c #4:
Color palette with color #386b8c #5:
Color Contrast
Color pairings of #386b8c with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#386b8c
#386b8cContrast Ratio
5.75:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#386b8c
#386b8cContrast Ratio
3.64:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #386b8c color png
Visit the popular colors list for more colors