#1f7286 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #1f7286 | RGB(31, 114, 134) |
Created at 10/27/2026 03:46
RGB values are RGB(31, 114, 134)
#1f7286 color contains Red 12.16%, Green 44.71% and Blue 52.55%.
oklch(51.30% 0.0819 217.82)
#1f7286 color contains Red 12.16%, Green 44.71% and Blue 52.55%.
oklch(51.30% 0.0819 217.82)
Color Names of #1f7286 HEX code
≈ Elm
Classification of #1f7286 color
#1f7286 is Semi dark and Cool Color Saturation 62%, lightness 32%.
Tint of Teal
Alternative colors of #1f7286
Opposite Color for #1f7286 is #86331f
#1f7286 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #1f7286
cmyk
CMYK(77%, 15%, 0%, 47%)
Decimal
2060934
HEX
#1f7286
HSL
hsl(192, 62%, 32%)
HSLA
hsla(192, 62%, 32%, 1)
RGB
RGB(31, 114, 134)
RGBA
RGBA(31, 114, 134, 1)
Palettes for #1f7286 color:
Below are examples of color palettes with the #1f7286 HEX color
darkest color is #030b0d from shades and lightest color is #e9f1f3 from tints
Shades palette of #1f7286:
#1c6779
#195b6b
#16505e
#134450
#103943
#0c2e36
#092228
#06171b
#030b0d
#000000
Tints palette of #1f7286:
#358092
#4c8e9e
#629caa
#79aab6
#8fb9c3
#a5c7cf
#bcd5db
#d2e3e7
#e9f1f3
#ffffff
Complementary palette of #1f7286:
#1f7286
#86331f
Triadic palette of #1f7286:
#1f7286
#861f72
#72861f
Square palette of #1f7286:
#1f7286
#661f86
#86331f
#3f861f
Analogous palette of #1f7286:
#1f8666
#1f7286
#1f3f86
Split-Complementary palette of #1f7286:
#1f7286
#861f3f
#86661f
Rectangle (tetradic) palette of #1f7286:
#1f7286
#331f86
#86331f
#72861f
Suggested color palettes for #1f7286 HEX:
Color palette with color #1f7286 #1:
Color palette with color #1f7286 #2:
Color palette with color #1f7286 #3:
Color palette with color #1f7286 #4:
Color palette with color #1f7286 #5:
Color Contrast
Color pairings of #1f7286 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#1f7286
#1f7286Contrast Ratio
5.51:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#1f7286
#1f7286Contrast Ratio
3.8:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #1f7286 color png
Visit the popular colors list for more colors