#56b2f0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #56b2f0 | RGB(86, 178, 240) |
Created at 02/25/2023 05:03
RGB values are RGB(86, 178, 240)
#56b2f0 color contains Red 33.73%, Green 69.8% and Blue 94.12%.
oklch(73.33% 0.1256 240.93)
#56b2f0 color contains Red 33.73%, Green 69.8% and Blue 94.12%.
oklch(73.33% 0.1256 240.93)
Color Names of #56b2f0 HEX code
≈ Picton Blue
Classification of #56b2f0 color
#56b2f0 is Light and Cool Color Saturation 84%, lightness 64%.
Tint of Deep Sky Blue
Alternative colors of #56b2f0
Opposite Color for #56b2f0 is #f09456
#56b2f0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #56b2f0
cmyk
CMYK(64%, 26%, 0%, 6%)
Decimal
5681904
HEX
#56b2f0
HSL
hsl(204, 84%, 64%)
HSLA
hsla(204, 84%, 64%, 1)
RGB
RGB(86, 178, 240)
RGBA
RGBA(86, 178, 240, 1)
Palettes for #56b2f0 color:
Below are examples of color palettes with the #56b2f0 HEX color
darkest color is #091218 from shades and lightest color is #eef7fe from tints
Shades palette of #56b2f0:
#4da0d8
#458ec0
#3c7da8
#346b90
#2b5978
#224760
#1a3548
#112430
#091218
#000000
Tints palette of #56b2f0:
#67baf2
#78c1f3
#89c9f5
#9ad1f6
#abd9f8
#bbe0f9
#cce8fb
#ddf0fc
#eef7fe
#ffffff
Complementary palette of #56b2f0:
#56b2f0
#f09456
Triadic palette of #56b2f0:
#56b2f0
#f056b2
#b2f056
Square palette of #56b2f0:
#56b2f0
#e156f0
#f09456
#65f056
Analogous palette of #56b2f0:
#56f0e1
#56b2f0
#5665f0
Split-Complementary palette of #56b2f0:
#56b2f0
#f05665
#f0e156
Rectangle (tetradic) palette of #56b2f0:
#56b2f0
#9456f0
#f09456
#b2f056
Suggested color palettes for #56b2f0 HEX:
Color palette with color #56b2f0 #1:
Color palette with color #56b2f0 #2:
Color palette with color #56b2f0 #3:
Color palette with color #56b2f0 #4:
Color palette with color #56b2f0 #5:
Color #56b2f0 used in palettes (1)
Color Contrast
Color pairings of #56b2f0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#56b2f0
#56b2f0Contrast Ratio
2.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#56b2f0
#56b2f0Contrast Ratio
9.02:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #56b2f0 color png
Visit the popular colors list for more colors