#2277b2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2277b2 | RGB(34, 119, 178) |
Created at 03/04/2023 00:27
RGB values are RGB(34, 119, 178)
#2277b2 color contains Red 13.33%, Green 46.67% and Blue 69.8%.
oklch(54.88% 0.1206 244.23)
#2277b2 color contains Red 13.33%, Green 46.67% and Blue 69.8%.
oklch(54.88% 0.1206 244.23)
Color Names of #2277b2 HEX code
≈ Astral
Classification of #2277b2 color
#2277b2 is Semi dark and Cool Color Saturation 68%, lightness 42%.
Shade of Steel Blue
Alternative colors of #2277b2
Opposite Color for #2277b2 is #b25d22
#2277b2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2277b2
cmyk
CMYK(81%, 33%, 0%, 30%)
Decimal
2258866
HEX
#2277b2
HSL
hsl(205, 68%, 42%)
HSLA
hsla(205, 68%, 42%, 1)
RGB
RGB(34, 119, 178)
RGBA
RGBA(34, 119, 178, 1)
Palettes for #2277b2 color:
Below are examples of color palettes with the #2277b2 HEX color
darkest color is #030c12 from shades and lightest color is #e9f1f7 from tints
Shades palette of #2277b2:
#1f6ba0
#1b5f8e
#18537d
#14476b
#113c59
#0e3047
#0a2435
#071824
#030c12
#000000
Tints palette of #2277b2:
#3885ba
#4e92c1
#64a0c9
#7aadd1
#91bbd9
#a7c9e0
#bdd6e8
#d3e4f0
#e9f1f7
#ffffff
Complementary palette of #2277b2:
#2277b2
#b25d22
Triadic palette of #2277b2:
#2277b2
#b22277
#77b222
Square palette of #2277b2:
#2277b2
#a522b2
#b25d22
#2fb222
Analogous palette of #2277b2:
#22b2a5
#2277b2
#222fb2
Split-Complementary palette of #2277b2:
#2277b2
#b2222f
#b2a522
Rectangle (tetradic) palette of #2277b2:
#2277b2
#5d22b2
#b25d22
#77b222
Suggested color palettes for #2277b2 HEX:
Color palette with color #2277b2 #1:
Color palette with color #2277b2 #2:
Color palette with color #2277b2 #3:
Color palette with color #2277b2 #4:
Color palette with color #2277b2 #5:
Color #2277b2 used in palettes (1)
Color Contrast
Color pairings of #2277b2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2277b2
#2277b2Contrast Ratio
4.82:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2277b2
#2277b2Contrast Ratio
4.34:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2277b2 color png
Visit the popular colors list for more colors