#36bae4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #36bae4 | RGB(54, 186, 228) |
Created at 03/28/2023 17:39
RGB values are RGB(54, 186, 228)
#36bae4 color contains Red 21.18%, Green 72.94% and Blue 89.41%.
oklch(73.71% 0.1247 224.23)
#36bae4 color contains Red 21.18%, Green 72.94% and Blue 89.41%.
oklch(73.71% 0.1247 224.23)
Color Names of #36bae4 HEX code
≈ Picton Blue
Classification of #36bae4 color
#36bae4 is Light and Cool Color Saturation 76%, lightness 55%.
Tint of Deep Sky Blue
Alternative colors of #36bae4
Opposite Color for #36bae4 is #e46036
#36bae4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #36bae4
cmyk
CMYK(76%, 18%, 0%, 11%)
Decimal
3586788
HEX
#36bae4
HSL
hsl(194, 76%, 55%)
HSLA
hsla(194, 76%, 55%, 1)
RGB
RGB(54, 186, 228)
RGBA
RGBA(54, 186, 228, 1)
Palettes for #36bae4 color:
Below are examples of color palettes with the #36bae4 HEX color
darkest color is #051317 from shades and lightest color is #ebf8fc from tints
Shades palette of #36bae4:
#31a7cd
#2b95b6
#2682a0
#207089
#1b5d72
#164a5b
#103844
#0b252e
#051317
#000000
Tints palette of #36bae4:
#4ac1e7
#5ec8e9
#72cfec
#86d6ef
#9bddf2
#afe3f4
#c3eaf7
#d7f1fa
#ebf8fc
#ffffff
Complementary palette of #36bae4:
#36bae4
#e46036
Triadic palette of #36bae4:
#36bae4
#e436ba
#bae436
Square palette of #36bae4:
#36bae4
#b736e4
#e46036
#63e436
Analogous palette of #36bae4:
#36e4b7
#36bae4
#3663e4
Split-Complementary palette of #36bae4:
#36bae4
#e43663
#e4b736
Rectangle (tetradic) palette of #36bae4:
#36bae4
#6036e4
#e46036
#bae436
Suggested color palettes for #36bae4 HEX:
Color palette with color #36bae4 #1:
Color palette with color #36bae4 #2:
Color palette with color #36bae4 #3:
Color palette with color #36bae4 #4:
Color palette with color #36bae4 #5:
Color #36bae4 used in palettes (1)
Color Contrast
Color pairings of #36bae4 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#36bae4
#36bae4Contrast Ratio
2.25:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#36bae4
#36bae4Contrast Ratio
9.3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #36bae4 color png
Visit the popular colors list for more colors