Created at 02/20/2023 03:09
#0277bd HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #0277bd | RGB(2, 119, 189) |
RGB values are RGB(2, 119, 189)
#0277bd color contain Red 0.78%, Green 46.67% and Blue 74.12%.
oklch(55.08% 0.1393 245.43)
#0277bd color contain Red 0.78%, Green 46.67% and Blue 74.12%.
oklch(55.08% 0.1393 245.43)
Color Names of #0277bd HEX code
Hydration Blue, light-blue darken-3, Link, Link Blue, Ocean Boat Blue Color
Classification of #0277bd color
#0277bd is Semi dark and Cool Color Saturation 98%, lightness 37%.
Tint of steelblue
Alternative colors of #0277bd
Opposite Color for #0277bd is #bb4602
#0277bd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #0277bd
Decimal
161725
HEX
#0277bd
HSL
hsl(202, 98%, 37%)
HSLA
hsla(202, 98%, 37%, 1)
RGB
RGB(2, 119, 189)
RGBA
RGBA(2, 119, 189, 1)
Palettes for #0277bd color:
Below examples of color palettes for #0277bd HEX color
darkest color is #000c13 from shades and lightest color is #e6f1f8 from tints
Shades palette of #0277bd:
#026baa
#025f97
#015384
#014771
#013c5f
#01304c
#012439
#001826
#000c13
#000000
Tints palette of #0277bd:
#1b85c4
#3592ca
#4ea0d1
#67add7
#81bbde
#9ac9e5
#b3d6eb
#cce4f2
#e6f1f8
#ffffff
Complementary palette of #0277bd:
#0277bb
#bb4602
Triadic palette of #0277bd:
#0277bb
#bb0277
#77bb02
Square palette of #0277bd:
#0277bb
#a202bb
#1bbb02
#bb4602
Analogous palette of #0277bd:
#02bba2
#0277bb
Split-Complementary palette of #0277bd:
#0277bb
#02bba2
Rectangle (tetradic) palette of #0277bd:
#0277bb
#a202bb
#1bbb02
#bb021b
Loading...
Color #0277bd used in palettes (20)
Light Blue palette Materialize CSS Light Blue2 mini.css colors palette 31 19 Charlie Infinite Material Design Color Palette (nº7) jhghjm Charlie Website sdfg wall 2 zׁׅ֬ᨵׁׅꫀׁׅܻ ϐׁׅ֒ꫀׁׅܻꪀׁׅꪀׁׅꫀׁׅܻtׁׅtׁׅ Material Design Color Palette (07) Material Design color palette 7 Light Blue 1 Hyperlink Web3 Analysis Toolkit material design color palette 800 Material Design color palette Material Design Color Palette 0716 Next.js Themed Semantic Palette
Color Contrast
Color pairings #0277bd with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#0277bd
#0277bd Contrast Ratio
4.79:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#0277bd
#0277bd Contrast Ratio
4.37:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #0277bd color png
Visit the popular colors list for more colors