Created at 02/19/2023 03:41
#84bcd4 HEX Color information
Color | HEX | RGB |
#84bcd4 | RGB(132, 188, 212) |
RGB values are RGB(132, 188, 212)
#84bcd4 color contain Red 51.76%, Green 73.73% and Blue 83.14%.
Color Names of #84bcd4 HEX code
Dark Sky Blue Color
Alternative colors of #84bcd4
Opposite Color for #84bcd4 is #d39b82
#84bcd4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #84bcd4
Decimal
8699092
HEX
#84bcd4
HSL
hsl(198, 48%, 67%)
HSLA
hsla(198, 48%, 67%, 1)
RGB
RGB(132, 188, 212)
RGBA
RGBA(132, 188, 212, 1)
Palettes for #84bcd4 color:
Below examples of color palettes for #84bcd4 HEX color
darkest color is #0d1315 from shades and lightest color is #f3f8fb from tints
Shades palette of #84bcd4:
Tints palette of #84bcd4:
Complementary palette of #84bcd4:
Triadic palette of #84bcd4:
Square palette of #84bcd4:
Analogous palette of #84bcd4:
Split-Complementary palette of #84bcd4:
Rectangle (tetradic) palette of #84bcd4:
Suggested colors palettes for #84bcd4 HEX:
Colors palette with color #84bcd4 #1:
Colors palette with color #84bcd4 #2:
Colors palette with color #84bcd4 #3:
Colors palette with color #84bcd4 #4:
Colors palette with color #84bcd4 #5:
Color #84bcd4 used in palettes (10)
Phish mike gordon landscape flatiron colors palette Rate my first job illustrator invite ui hex colors Dropdown daily 100 challenge ui design dailyuichallenge colours Vector design radio character palette Web design daily 76028 hex colors Ui logo illustration graphics colors palette Socialmediamanager cosmetics creative marrakech Blue web design booking ui colours Design ui branding website hex colors Branding illustration graphic design logo
Color Contrast
Color pairings #84bcd4 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#84bcd4
#84bcd4 Contrast Ratio
2.07:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |
#84bcd4
#84bcd4 Contrast Ratio
10.12:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |