#36a7ca HEX color information
| Color | HEX | RGB |
|---|---|---|
| #36a7ca | RGB(54, 167, 202) |
Created at 02/18/2023 17:06
RGB values are RGB(54, 167, 202)
#36a7ca color contains Red 21.18%, Green 65.49% and Blue 79.22%.
oklch(68.07% 0.1106 222.97)
#36a7ca color contains Red 21.18%, Green 65.49% and Blue 79.22%.
oklch(68.07% 0.1106 222.97)
Color Names of #36a7ca HEX code
≈ Pelorous
Classification of #36a7ca color
#36a7ca is Light and Cool Color Saturation 58%, lightness 50%.
Shade of Deep Sky Blue
Alternative colors of #36a7ca
Opposite Color for #36a7ca is #ca5936
#36a7ca Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #36a7ca
cmyk
CMYK(73%, 17%, 0%, 21%)
Decimal
3581898
HEX
#36a7ca
HSL
hsl(194, 58%, 50%)
HSLA
hsla(194, 58%, 50%, 1)
RGB
RGB(54, 167, 202)
RGBA
RGBA(54, 167, 202, 1)
Palettes for #36a7ca color:
Below are examples of color palettes with the #36a7ca HEX color
darkest color is #051114 from shades and lightest color is #ebf6fa from tints
Shades palette of #36a7ca:
#3196b6
#2b86a2
#26758d
#206479
#1b5465
#164351
#10323d
#0b2128
#051114
#000000
Tints palette of #36a7ca:
#4ab0cf
#5eb9d5
#72c1da
#86cadf
#9bd3e5
#afdcea
#c3e5ef
#d7edf4
#ebf6fa
#ffffff
Complementary palette of #36a7ca:
#36a7ca
#ca5936
Triadic palette of #36a7ca:
#36a7ca
#ca36a7
#a7ca36
Square palette of #36a7ca:
#36a7ca
#a336ca
#ca5936
#5dca36
Analogous palette of #36a7ca:
#36caa3
#36a7ca
#365dca
Split-Complementary palette of #36a7ca:
#36a7ca
#ca365d
#caa336
Rectangle (tetradic) palette of #36a7ca:
#36a7ca
#5936ca
#ca5936
#a7ca36
Suggested color palettes for #36a7ca HEX:
Color palette with color #36a7ca #1:
Color palette with color #36a7ca #2:
Color palette with color #36a7ca #3:
Color palette with color #36a7ca #4:
Color palette with color #36a7ca #5:
Color #36a7ca used in palettes (1)
Color Contrast
Color pairings of #36a7ca with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#36a7ca
#36a7caContrast Ratio
2.78:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#36a7ca
#36a7caContrast Ratio
7.53:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #36a7ca color png
Visit the popular colors list for more colors