#285b74 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #285b74 | RGB(40, 91, 116) |
Created at 02/20/2023 23:36
Classification of #285b74 color
#285b74 is Semi dark and Cool Color Saturation 49%, lightness 31%.
Tint of Dark Slate Gray
RGB values are RGB(40, 91, 116)
#285b74 color contains Red 15.69%, Green 35.69% and Blue 45.49%.
oklch(44.76% 0.068 232.41)
#285b74 color contains Red 15.69%, Green 35.69% and Blue 45.49%.
oklch(44.76% 0.068 232.41)
Color Names of #285b74 HEX code
≈ Casal
Alternative colors of #285b74
Opposite Color for #285b74 is #744128
#285b74 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #285b74
cmyk
CMYK(66%, 22%, 0%, 55%)
Decimal
2644852
HEX
#285b74
HSL
hsl(200, 49%, 31%)
HSLA
hsla(200, 49%, 31%, 1)
RGB
RGB(40, 91, 116)
RGBA
RGBA(40, 91, 116, 1)
Palettes for #285b74 color:
Below examples of color palettes for #285b74 HEX color
darkest color is #04090c from shades and lightest color is #eaeff1 from tints
Shades palette of #285b74:
#245268
#20495d
#1c4051
#183746
#142e3a
#10242e
#0c1b23
#081217
#04090c
#000000
Tints palette of #285b74:
#3d6b82
#537c90
#698c9e
#7e9dac
#94adba
#a9bdc7
#bfced5
#d4dee3
#eaeff1
#ffffff
Complementary palette of #285b74:
#285b74
#744128
Triadic palette of #285b74:
#285b74
#74285b
#5b7428
Square palette of #285b74:
#285b74
#672874
#744128
#357428
Analogous palette of #285b74:
#287467
#285b74
#283574
Split-Complementary palette of #285b74:
#285b74
#742835
#746728
Rectangle (tetradic) palette of #285b74:
#285b74
#412874
#744128
#5b7428
Suggested color palettes for #285b74 HEX:
Color palette with color #285b74 #1:
Color palette with color #285b74 #2:
Color palette with color #285b74 #3:
Color palette with color #285b74 #4:
Color palette with color #285b74 #5:
Color #285b74 used in palettes (1)
Color Contrast
Color pairings #285b74 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#285b74
#285b74 Contrast Ratio
7.39:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#285b74
#285b74 Contrast Ratio
2.83:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #285b74 color png
Visit the popular colors list for more colors