#024d82 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #024d82 | RGB(2, 77, 130) |
Created at 03/09/2023 10:31
Classification of #024d82 color
#024d82 is Semi dark and Cool Color Saturation 97%, lightness 26%.
Shade of Dark Slate Blue
RGB values are RGB(2, 77, 130)
#024d82 color contains Red 0.78%, Green 30.2% and Blue 50.98%.
oklch(41.02% 0.1092 248)
#024d82 color contains Red 0.78%, Green 30.2% and Blue 50.98%.
oklch(41.02% 0.1092 248)
Color Names of #024d82 HEX code
Dark Cerulean Color
≈ Congress Blue
Alternative colors of #024d82
Opposite Color for #024d82 is #823702
#024d82 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #024d82
cmyk
CMYK(98%, 41%, 0%, 49%)
Decimal
150914
HEX
#024d82
HSL
hsl(205, 97%, 26%)
HSLA
hsla(205, 97%, 26%, 1)
RGB
RGB(2, 77, 130)
RGBA
RGBA(2, 77, 130, 1)
Palettes for #024d82 color:
Below are examples of color palettes with the #024d82 HEX color
darkest color is #00080d from shades and lightest color is #e6edf3 from tints
Shades palette of #024d82:
#024575
#023e68
#01365b
#012e4e
#012741
#011f34
#011727
#000f1a
#00080d
#000000
Tints palette of #024d82:
#1b5f8f
#35719b
#4e82a8
#6794b4
#81a6c1
#9ab8cd
#b3cada
#ccdbe6
#e6edf3
#ffffff
Complementary palette of #024d82:
#024d82
#823702
Triadic palette of #024d82:
#024d82
#82024d
#4d8202
Square palette of #024d82:
#024d82
#770282
#823702
#0d8202
Analogous palette of #024d82:
#028277
#024d82
#020d82
Split-Complementary palette of #024d82:
#024d82
#82020d
#827702
Rectangle (tetradic) palette of #024d82:
#024d82
#370282
#823702
#4d8202
Suggested color palettes for #024d82 HEX:
Color palette with color #024d82 #1:
Color palette with color #024d82 #2:
Color palette with color #024d82 #3:
Color palette with color #024d82 #4:
Color palette with color #024d82 #5:
Color #024d82 used in palettes (8)
Tool app design ui hex colors Rig motiongraphics logoanimated motion design Design telecom mobile app colors Ui flat animation ux colors Illustration educatioan tech motion graphics ux design Xd adobe ux web palette Motion graphics optimism typography hex colors Typography animated type motion graphics optimism colors
Color Contrast
Color pairings of #024d82 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#024d82
#024d82 Contrast Ratio
8.79:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#024d82
#024d82 Contrast Ratio
2.38:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #024d82 color png
Visit the popular colors list for more colors