#338ca1 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #338ca1 | RGB(51, 140, 161) |
Created at 10/31/2026 05:29
RGB values are RGB(51, 140, 161)
#338ca1 color contains Red 20%, Green 54.9% and Blue 63.14%.
oklch(59.63% 0.0883 216.45)
#338ca1 color contains Red 20%, Green 54.9% and Blue 63.14%.
oklch(59.63% 0.0883 216.45)
Color Names of #338ca1 HEX code
≈ Astral
Classification of #338ca1 color
#338ca1 is Light and Cool Color Saturation 52%, lightness 42%.
Shade of Cadet Blue
Alternative colors of #338ca1
Opposite Color for #338ca1 is #a14833
#338ca1 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #338ca1
cmyk
CMYK(68%, 13%, 0%, 37%)
Decimal
3378337
HEX
#338ca1
HSL
hsl(191, 52%, 42%)
HSLA
hsla(191, 52%, 42%, 1)
RGB
RGB(51, 140, 161)
RGBA
RGBA(51, 140, 161, 1)
Palettes for #338ca1 color:
Below are examples of color palettes with the #338ca1 HEX color
darkest color is #050e10 from shades and lightest color is #ebf4f6 from tints
Shades palette of #338ca1:
#2e7e91
#297081
#246271
#1f5461
#1a4651
#143840
#0f2a30
#0a1c20
#050e10
#000000
Tints palette of #338ca1:
#4798aa
#5ca3b4
#70afbd
#85bac7
#99c6d0
#add1d9
#c2dde3
#d6e8ec
#ebf4f6
#ffffff
Complementary palette of #338ca1:
#338ca1
#a14833
Triadic palette of #338ca1:
#338ca1
#a1338c
#8ca133
Square palette of #338ca1:
#338ca1
#7f33a1
#a14833
#55a133
Analogous palette of #338ca1:
#33a17f
#338ca1
#3355a1
Split-Complementary palette of #338ca1:
#338ca1
#a13355
#a17f33
Rectangle (tetradic) palette of #338ca1:
#338ca1
#4833a1
#a14833
#8ca133
Suggested color palettes for #338ca1 HEX:
Color palette with color #338ca1 #1:
Color palette with color #338ca1 #2:
Color palette with color #338ca1 #3:
Color palette with color #338ca1 #4:
Color palette with color #338ca1 #5:
Color Contrast
Color pairings of #338ca1 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#338ca1
#338ca1Contrast Ratio
3.88:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#338ca1
#338ca1Contrast Ratio
5.4:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #338ca1 color png
Visit the popular colors list for more colors