#36a1bb HEX color information
| Color | HEX | RGB |
|---|---|---|
| #36a1bb | RGB(54, 161, 187) |
Created at 03/08/2023 09:02
Classification of #36a1bb color
#36a1bb is Light and Cool Color Saturation 55%, lightness 47%.
Shade of Cadet Blue
RGB values are RGB(54, 161, 187)
#36a1bb color contains Red 21.18%, Green 63.14% and Blue 73.33%.
oklch(65.98% 0.1018 217.47)
#36a1bb color contains Red 21.18%, Green 63.14% and Blue 73.33%.
oklch(65.98% 0.1018 217.47)
Color Names of #36a1bb HEX code
≈ Pelorous
Alternative colors of #36a1bb
Opposite Color for #36a1bb is #bb5036
#36a1bb Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #36a1bb
cmyk
CMYK(71%, 14%, 0%, 27%)
Decimal
3580347
HEX
#36a1bb
HSL
hsl(192, 55%, 47%)
HSLA
hsla(192, 55%, 47%, 1)
RGB
RGB(54, 161, 187)
RGBA
RGBA(54, 161, 187, 1)
Palettes for #36a1bb color:
Below examples of color palettes for #36a1bb HEX color
darkest color is #051013 from shades and lightest color is #ebf6f8 from tints
Shades palette of #36a1bb:
#3191a8
#2b8196
#267183
#206170
#1b515e
#16404b
#103038
#0b2025
#051013
#000000
Tints palette of #36a1bb:
#4aaac2
#5eb4c9
#72bdcf
#86c7d6
#9bd0dd
#afd9e4
#c3e3eb
#d7ecf1
#ebf6f8
#ffffff
Complementary palette of #36a1bb:
#36a1bb
#bb5036
Triadic palette of #36a1bb:
#36a1bb
#bb36a1
#a1bb36
Square palette of #36a1bb:
#36a1bb
#9336bb
#bb5036
#5ebb36
Analogous palette of #36a1bb:
#36bb93
#36a1bb
#365ebb
Split-Complementary palette of #36a1bb:
#36a1bb
#bb365e
#bb9336
Rectangle (tetradic) palette of #36a1bb:
#36a1bb
#5036bb
#bb5036
#a1bb36
Suggested color palettes for #36a1bb HEX:
Color palette with color #36a1bb #1:
Color palette with color #36a1bb #2:
Color palette with color #36a1bb #3:
Color palette with color #36a1bb #4:
Color palette with color #36a1bb #5:
Color #36a1bb used in palettes (1)
Color Contrast
Color pairings #36a1bb with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#36a1bb
#36a1bb Contrast Ratio
3.01:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#36a1bb
#36a1bb Contrast Ratio
6.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #36a1bb color png
Visit the popular colors list for more colors