#156de2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #156de2 | RGB(21, 109, 226) |
Created at 02/19/2023 16:23
RGB values are RGB(21, 109, 226)
#156de2 color contains Red 8.24%, Green 42.75% and Blue 88.63%.
oklch(55.59% 0.1947 258.24)
#156de2 color contains Red 8.24%, Green 42.75% and Blue 88.63%.
oklch(55.59% 0.1947 258.24)
Color Names of #156de2 HEX code
≈ Mariner
Classification of #156de2 color
#156de2 is Semi dark and Cool Color Saturation 83%, lightness 48%.
Shade of Royal Blue
Alternative colors of #156de2
Opposite Color for #156de2 is #e28a15
#156de2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #156de2
cmyk
CMYK(91%, 52%, 0%, 11%)
Decimal
1404386
HEX
#156de2
HSL
hsl(214, 83%, 48%)
HSLA
hsla(214, 83%, 48%, 1)
RGB
RGB(21, 109, 226)
RGBA
RGBA(21, 109, 226, 1)
Palettes for #156de2 color:
Below are examples of color palettes with the #156de2 HEX color
darkest color is #020b17 from shades and lightest color is #e8f0fc from tints
Shades palette of #156de2:
#1362cb
#1157b5
#0f4c9e
#0d4188
#0b3771
#082c5a
#062144
#04162d
#020b17
#000000
Tints palette of #156de2:
#2c7ce5
#448ae8
#5b99eb
#73a7ee
#8ab6f1
#a1c5f3
#b9d3f6
#d0e2f9
#e8f0fc
#ffffff
Complementary palette of #156de2:
#156de2
#e28a15
Triadic palette of #156de2:
#156de2
#e2156d
#6de215
Square palette of #156de2:
#156de2
#e215d3
#e28a15
#15e223
Analogous palette of #156de2:
#15d4e2
#156de2
#2415e2
Split-Complementary palette of #156de2:
#156de2
#e22415
#d3e215
Rectangle (tetradic) palette of #156de2:
#156de2
#8a15e2
#e28a15
#6de215
Suggested color palettes for #156de2 HEX:
Color palette with color #156de2 #1:
Color palette with color #156de2 #2:
Color palette with color #156de2 #3:
Color palette with color #156de2 #4:
Color palette with color #156de2 #5:
Color #156de2 used in palettes (1)
Color Contrast
Color pairings of #156de2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#156de2
#156de2Contrast Ratio
4.86:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#156de2
#156de2Contrast Ratio
4.31:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #156de2 color png
Visit the popular colors list for more colors