#1f778d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #1f778d | RGB(31, 119, 141) |
Created at 10/27/2026 00:45
RGB values are RGB(31, 119, 141)
#1f778d color contains Red 12.16%, Green 46.67% and Blue 55.29%.
oklch(52.91% 0.0859 218.79)
#1f778d color contains Red 12.16%, Green 46.67% and Blue 55.29%.
oklch(52.91% 0.0859 218.79)
Color Names of #1f778d HEX code
≈ Jelly Bean
Classification of #1f778d color
#1f778d is Semi dark and Cool Color Saturation 64%, lightness 34%.
Tint of Teal
Alternative colors of #1f778d
Opposite Color for #1f778d is #8d351f
#1f778d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #1f778d
cmyk
CMYK(78%, 16%, 0%, 45%)
Decimal
2062221
HEX
#1f778d
HSL
hsl(192, 64%, 34%)
HSLA
hsla(192, 64%, 34%, 1)
RGB
RGB(31, 119, 141)
RGBA
RGBA(31, 119, 141, 1)
Palettes for #1f778d color:
Below are examples of color palettes with the #1f778d HEX color
darkest color is #030c0e from shades and lightest color is #e9f1f4 from tints
Shades palette of #1f778d:
#1c6b7f
#195f71
#165363
#134755
#103c47
#0c3038
#09242a
#06181c
#030c0e
#000000
Tints palette of #1f778d:
#358598
#4c92a4
#62a0af
#79adbb
#8fbbc6
#a5c9d1
#bcd6dd
#d2e4e8
#e9f1f4
#ffffff
Complementary palette of #1f778d:
#1f778d
#8d351f
Triadic palette of #1f778d:
#1f778d
#8d1f77
#778d1f
Square palette of #1f778d:
#1f778d
#6c1f8d
#8d351f
#408d1f
Analogous palette of #1f778d:
#1f8d6c
#1f778d
#1f408d
Split-Complementary palette of #1f778d:
#1f778d
#8d1f40
#8d6c1f
Rectangle (tetradic) palette of #1f778d:
#1f778d
#351f8d
#8d351f
#778d1f
Suggested color palettes for #1f778d HEX:
Color palette with color #1f778d #1:
Color palette with color #1f778d #2:
Color palette with color #1f778d #3:
Color palette with color #1f778d #4:
Color palette with color #1f778d #5:
Color Contrast
Color pairings of #1f778d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#1f778d
#1f778dContrast Ratio
5.14:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#1f778d
#1f778dContrast Ratio
4.08:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #1f778d color png
Visit the popular colors list for more colors