#2156f2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2156f2 | RGB(33, 86, 242) |
Created at 02/21/2023 07:17
RGB values are RGB(33, 86, 242)
#2156f2 color contains Red 12.94%, Green 33.73% and Blue 94.9%.
oklch(52.74% 0.2394 264.56)
#2156f2 color contains Red 12.94%, Green 33.73% and Blue 94.9%.
oklch(52.74% 0.2394 264.56)
Color Names of #2156f2 HEX code
≈ Blue Ribbon
Classification of #2156f2 color
#2156f2 is Semi dark and Cool Color Saturation 89%, lightness 54%.
Shade of Royal Blue
Alternative colors of #2156f2
Opposite Color for #2156f2 is #f2bd21
#2156f2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2156f2
cmyk
CMYK(86%, 64%, 0%, 5%)
Decimal
2184946
HEX
#2156f2
HSL
hsl(225, 89%, 54%)
HSLA
hsla(225, 89%, 54%, 1)
RGB
RGB(33, 86, 242)
RGBA
RGBA(33, 86, 242, 1)
Palettes for #2156f2 color:
Below are examples of color palettes with the #2156f2 HEX color
darkest color is #030918 from shades and lightest color is #e9eefe from tints
Shades palette of #2156f2:
#1e4dda
#1a45c2
#173ca9
#143491
#112b79
#0d2261
#0a1a49
#071130
#030918
#000000
Tints palette of #2156f2:
#3767f3
#4d78f5
#6489f6
#7a9af7
#90abf9
#a6bbfa
#bcccfb
#d3ddfc
#e9eefe
#ffffff
Complementary palette of #2156f2:
#2156f2
#f2bd21
Triadic palette of #2156f2:
#2156f2
#f22156
#56f221
Square palette of #2156f2:
#2156f2
#f221be
#f2bd21
#21f254
Analogous palette of #2156f2:
#21bff2
#2156f2
#5521f2
Split-Complementary palette of #2156f2:
#2156f2
#f25521
#bef221
Rectangle (tetradic) palette of #2156f2:
#2156f2
#bd21f2
#f2bd21
#56f221
Suggested color palettes for #2156f2 HEX:
Color palette with color #2156f2 #1:
Color palette with color #2156f2 #2:
Color palette with color #2156f2 #3:
Color palette with color #2156f2 #4:
Color palette with color #2156f2 #5:
Color #2156f2 used in palettes (1)
Color Contrast
Color pairings of #2156f2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2156f2
#2156f2Contrast Ratio
5.7:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2156f2
#2156f2Contrast Ratio
3.67:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2156f2 color png
Visit the popular colors list for more colors