#2a5f73 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2a5f73 | RGB(42, 95, 115) |
Created at 02/17/2023 16:04
RGB values are RGB(42, 95, 115)
#2a5f73 color contains Red 16.47%, Green 37.25% and Blue 45.1%.
oklch(45.83% 0.0647 225.65)
#2a5f73 color contains Red 16.47%, Green 37.25% and Blue 45.1%.
oklch(45.83% 0.0647 225.65)
Color Names of #2a5f73 HEX code
≈ Casal
Classification of #2a5f73 color
#2a5f73 is Semi dark and Cool Color Saturation 46%, lightness 31%.
Tint of Dark Slate Gray
Alternative colors of #2a5f73
Opposite Color for #2a5f73 is #733e2a
#2a5f73 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2a5f73
cmyk
CMYK(63%, 17%, 0%, 55%)
Decimal
2776947
HEX
#2a5f73
HSL
hsl(196, 46%, 31%)
HSLA
hsla(196, 46%, 31%, 1)
RGB
RGB(42, 95, 115)
RGBA
RGBA(42, 95, 115, 1)
Palettes for #2a5f73 color:
Below are examples of color palettes with the #2a5f73 HEX color
darkest color is #04090b from shades and lightest color is #eaeff1 from tints
Shades palette of #2a5f73:
#265668
#224c5c
#1d4351
#193945
#15303a
#11262e
#0d1d23
#081317
#04090b
#000000
Tints palette of #2a5f73:
#3f6f81
#557f8f
#6a8f9d
#7f9fab
#95afb9
#aabfc7
#bfcfd5
#d4dfe3
#eaeff1
#ffffff
Complementary palette of #2a5f73:
#2a5f73
#733e2a
Triadic palette of #2a5f73:
#2a5f73
#732a5f
#5f732a
Square palette of #2a5f73:
#2a5f73
#632a73
#733e2a
#3b732a
Analogous palette of #2a5f73:
#2a7362
#2a5f73
#2a3b73
Split-Complementary palette of #2a5f73:
#2a5f73
#732a3a
#73622a
Rectangle (tetradic) palette of #2a5f73:
#2a5f73
#3e2a73
#733e2a
#5f732a
Suggested color palettes for #2a5f73 HEX:
Color palette with color #2a5f73 #1:
Color palette with color #2a5f73 #2:
Color palette with color #2a5f73 #3:
Color palette with color #2a5f73 #4:
Color palette with color #2a5f73 #5:
Color #2a5f73 used in palettes (1)
Color Contrast
Color pairings of #2a5f73 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2a5f73
#2a5f73Contrast Ratio
7.04:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2a5f73
#2a5f73Contrast Ratio
2.98:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2a5f73 color png
Visit the popular colors list for more colors