#36a6d4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #36a6d4 | RGB(54, 166, 212) |
Created at 10/22/2026 01:14
RGB values are RGB(54, 166, 212)
#36a6d4 color contains Red 21.18%, Green 65.1% and Blue 83.14%.
oklch(68.28% 0.1186 229.99)
#36a6d4 color contains Red 21.18%, Green 65.1% and Blue 83.14%.
oklch(68.28% 0.1186 229.99)
Color Names of #36a6d4 HEX code
≈ Pelorous
Classification of #36a6d4 color
#36a6d4 is Light and Cool Color Saturation 65%, lightness 52%.
Shade of Deep Sky Blue
Alternative colors of #36a6d4
Opposite Color for #36a6d4 is #d46436
#36a6d4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #36a6d4
cmyk
CMYK(75%, 22%, 0%, 17%)
Decimal
3581652
HEX
#36a6d4
HSL
hsl(197, 65%, 52%)
HSLA
hsla(197, 65%, 52%, 1)
RGB
RGB(54, 166, 212)
RGBA
RGBA(54, 166, 212, 1)
Palettes for #36a6d4 color:
Below are examples of color palettes with the #36a6d4 HEX color
darkest color is #051115 from shades and lightest color is #ebf6fb from tints
Shades palette of #36a6d4:
#3195bf
#2b85aa
#267494
#20647f
#1b536a
#164255
#103240
#0b212a
#051115
#000000
Tints palette of #36a6d4:
#4aafd8
#5eb8dd
#72c1e1
#86cae5
#9bd3ea
#afdbee
#c3e4f2
#d7edf6
#ebf6fb
#ffffff
Complementary palette of #36a6d4:
#36a6d4
#d46436
Triadic palette of #36a6d4:
#36a6d4
#d436a6
#a6d436
Square palette of #36a6d4:
#36a6d4
#b336d4
#d46436
#57d436
Analogous palette of #36a6d4:
#36d4b3
#36a6d4
#3657d4
Split-Complementary palette of #36a6d4:
#36a6d4
#d43657
#d4b336
Rectangle (tetradic) palette of #36a6d4:
#36a6d4
#6436d4
#d46436
#a6d436
Suggested color palettes for #36a6d4 HEX:
Color palette with color #36a6d4 #1:
Color palette with color #36a6d4 #2:
Color palette with color #36a6d4 #3:
Color palette with color #36a6d4 #4:
Color palette with color #36a6d4 #5:
Color Contrast
Color pairings of #36a6d4 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#36a6d4
#36a6d4Contrast Ratio
2.77:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#36a6d4
#36a6d4Contrast Ratio
7.56:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #36a6d4 color png
Visit the popular colors list for more colors