#536dfe HEX color information
| Color | HEX | RGB |
|---|---|---|
| #536dfe | RGB(83, 109, 254) |
Created at 02/19/2023 17:11
RGB values are RGB(83, 109, 254)
#536dfe color contains Red 32.55%, Green 42.75% and Blue 99.61%.
oklch(59.82% 0.2163 270.69)
#536dfe color contains Red 32.55%, Green 42.75% and Blue 99.61%.
oklch(59.82% 0.2163 270.69)
Color Names of #536dfe HEX code
indigo accent-2 Color
≈ Royal Blue
Classification of #536dfe color
#536dfe is Light and Cool Color Saturation 99%, lightness 66%.
Tint of Royal Blue
Alternative colors of #536dfe
Opposite Color for #536dfe is #fee453
#536dfe Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #536dfe
cmyk
CMYK(67%, 57%, 0%, 0%)
Decimal
5467646
HEX
#536dfe
HSL
hsl(231, 99%, 66%)
HSLA
hsla(231, 99%, 66%, 1)
RGB
RGB(83, 109, 254)
RGBA
RGBA(83, 109, 254, 1)
Palettes for #536dfe color:
Below are examples of color palettes with the #536dfe HEX color
darkest color is #080b19 from shades and lightest color is #eef0ff from tints
Shades palette of #536dfe:
#4b62e5
#4257cb
#3a4cb2
#324198
#2a377f
#212c66
#19214c
#111633
#080b19
#000000
Tints palette of #536dfe:
#647cfe
#758afe
#8799fe
#98a7fe
#a9b6ff
#bac5ff
#cbd3ff
#dde2ff
#eef0ff
#ffffff
Complementary palette of #536dfe:
#536dfe
#fee453
Triadic palette of #536dfe:
#536dfe
#fe536d
#6dfe53
Square palette of #536dfe:
#536dfe
#fe53c3
#fee453
#53fe8e
Analogous palette of #536dfe:
#53c3fe
#536dfe
#8e53fe
Split-Complementary palette of #536dfe:
#536dfe
#fe8e53
#c3fe53
Rectangle (tetradic) palette of #536dfe:
#536dfe
#e453fe
#fee453
#6dfe53
Suggested color palettes for #536dfe HEX:
Color palette with color #536dfe #1:
Color palette with color #536dfe #2:
Color palette with color #536dfe #3:
Color palette with color #536dfe #4:
Color palette with color #536dfe #5:
Color #536dfe used in palettes (14)
Indigo palette Materialize CSSMaterial Design Color Palette (nº5)Material Design Color Palette (05)SC ToolsMaterial Design color palette 5UX Wireframe Neural ArcadeSc contrastMaterial Design color paletteMaterial Design color palette (05/16)Experimental AI Gradient Labmaterial design color palette A200Quantum Flux Control PanelExperimental Quantum DashboardVoice UI Prototyping Kit
Color Contrast
Color pairings of #536dfe with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#536dfe
#536dfeContrast Ratio
4.21:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#536dfe
#536dfeContrast Ratio
4.98:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #536dfe color png
Visit the popular colors list for more colors