#156cda HEX color information
| Color | HEX | RGB |
|---|---|---|
| #156cda | RGB(21, 108, 218) |
Created at 02/19/2023 13:34
RGB values are RGB(21, 108, 218)
#156cda color contains Red 8.24%, Green 42.35% and Blue 85.49%.
oklch(54.77% 0.1857 257.51)
#156cda color contains Red 8.24%, Green 42.35% and Blue 85.49%.
oklch(54.77% 0.1857 257.51)
Color Names of #156cda HEX code
≈ Mariner
Classification of #156cda color
#156cda is Semi dark and Cool Color Saturation 82%, lightness 47%.
Shade of Royal Blue
Alternative colors of #156cda
Opposite Color for #156cda is #da8315
#156cda Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #156cda
cmyk
CMYK(90%, 50%, 0%, 15%)
Decimal
1404122
HEX
#156cda
HSL
hsl(214, 82%, 47%)
HSLA
hsla(214, 82%, 47%, 1)
RGB
RGB(21, 108, 218)
RGBA
RGBA(21, 108, 218, 1)
Palettes for #156cda color:
Below are examples of color palettes with the #156cda HEX color
darkest color is #020b16 from shades and lightest color is #e8f0fb from tints
Shades palette of #156cda:
#1361c4
#1156ae
#0f4c99
#0d4183
#0b366d
#082b57
#062041
#04162c
#020b16
#000000
Tints palette of #156cda:
#2c7bde
#4489e1
#5b98e5
#73a7e9
#8ab6ed
#a1c4f0
#b9d3f4
#d0e2f8
#e8f0fb
#ffffff
Complementary palette of #156cda:
#156cda
#da8315
Triadic palette of #156cda:
#156cda
#da156c
#6cda15
Square palette of #156cda:
#156cda
#da15ce
#da8315
#15da20
Analogous palette of #156cda:
#15ceda
#156cda
#2115da
Split-Complementary palette of #156cda:
#156cda
#da2115
#ceda15
Rectangle (tetradic) palette of #156cda:
#156cda
#8315da
#da8315
#6cda15
Suggested color palettes for #156cda HEX:
Color palette with color #156cda #1:
Color palette with color #156cda #2:
Color palette with color #156cda #3:
Color palette with color #156cda #4:
Color palette with color #156cda #5:
Color #156cda used in palettes (1)
Color Contrast
Color pairings of #156cda with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#156cda
#156cdaContrast Ratio
5.01:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#156cda
#156cdaContrast Ratio
4.18:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #156cda color png
Visit the popular colors list for more colors