#338ca0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #338ca0 | RGB(51, 140, 160) |
Created at 08/30/2024 16:17
RGB values are RGB(51, 140, 160)
#338ca0 color contains Red 20%, Green 54.9% and Blue 62.75%.
oklch(59.59% 0.0878 215.52)
#338ca0 color contains Red 20%, Green 54.9% and Blue 62.75%.
oklch(59.59% 0.0878 215.52)
Color Names of #338ca0 HEX code
≈ Astral
Classification of #338ca0 color
#338ca0 is Light and Cool Color Saturation 52%, lightness 41%.
Tint of Dark Cyan
Alternative colors of #338ca0
Opposite Color for #338ca0 is #a04733
#338ca0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #338ca0
cmyk
CMYK(68%, 12%, 0%, 37%)
Decimal
3378336
HEX
#338ca0
HSL
hsl(191, 52%, 41%)
HSLA
hsla(191, 52%, 41%, 1)
RGB
RGB(51, 140, 160)
RGBA
RGBA(51, 140, 160, 1)
Palettes for #338ca0 color:
Below are examples of color palettes with the #338ca0 HEX color
darkest color is #050e10 from shades and lightest color is #ebf4f6 from tints
Shades palette of #338ca0:
#2e7e90
#297080
#246270
#1f5460
#1a4650
#143840
#0f2a30
#0a1c20
#050e10
#000000
Tints palette of #338ca0:
#4798aa
#5ca3b3
#70afbd
#85bac6
#99c6d0
#add1d9
#c2dde3
#d6e8ec
#ebf4f6
#ffffff
Complementary palette of #338ca0:
#338ca0
#a04733
Triadic palette of #338ca0:
#338ca0
#a0338c
#8ca033
Square palette of #338ca0:
#338ca0
#7d33a0
#a04733
#56a033
Analogous palette of #338ca0:
#33a07d
#338ca0
#3356a0
Split-Complementary palette of #338ca0:
#338ca0
#a03356
#a07d33
Rectangle (tetradic) palette of #338ca0:
#338ca0
#4733a0
#a04733
#8ca033
Suggested color palettes for #338ca0 HEX:
Color palette with color #338ca0 #1:
Color palette with color #338ca0 #2:
Color palette with color #338ca0 #3:
Color palette with color #338ca0 #4:
Color palette with color #338ca0 #5:
Color #338ca0 used in palettes (1)
Color Contrast
Color pairings of #338ca0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#338ca0
#338ca0Contrast Ratio
3.88:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#338ca0
#338ca0Contrast Ratio
5.39:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #338ca0 color png
Visit the popular colors list for more colors