#335c77 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #335c77 | RGB(51, 92, 119) |
Created at 02/28/2023 21:52
RGB values are RGB(51, 92, 119)
#335c77 color contains Red 20%, Green 36.08% and Blue 46.67%.
oklch(45.67% 0.0639 239.12)
#335c77 color contains Red 20%, Green 36.08% and Blue 46.67%.
oklch(45.67% 0.0639 239.12)
Color Names of #335c77 HEX code
≈ Casal
Classification of #335c77 color
#335c77 is Semi dark and Cool Color Saturation 40%, lightness 33%.
Tint of Dark Slate Gray
Alternative colors of #335c77
Opposite Color for #335c77 is #774e33
#335c77 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #335c77
cmyk
CMYK(57%, 23%, 0%, 53%)
Decimal
3366007
HEX
#335c77
HSL
hsl(204, 40%, 33%)
HSLA
hsla(204, 40%, 33%, 1)
RGB
RGB(51, 92, 119)
RGBA
RGBA(51, 92, 119, 1)
Palettes for #335c77 color:
Below are examples of color palettes with the #335c77 HEX color
darkest color is #05090c from shades and lightest color is #ebeff1 from tints
Shades palette of #335c77:
#2e536b
#294a5f
#244053
#1f3747
#1a2e3c
#142530
#0f1c24
#0a1218
#05090c
#000000
Tints palette of #335c77:
#476c85
#5c7d92
#708da0
#859dad
#99aebb
#adbec9
#c2ced6
#d6dee4
#ebeff1
#ffffff
Complementary palette of #335c77:
#335c77
#774e33
Triadic palette of #335c77:
#335c77
#77335c
#5c7733
Square palette of #335c77:
#335c77
#703377
#774e33
#3a7733
Analogous palette of #335c77:
#337770
#335c77
#333a77
Split-Complementary palette of #335c77:
#335c77
#77333a
#777033
Rectangle (tetradic) palette of #335c77:
#335c77
#4e3377
#774e33
#5c7733
Suggested color palettes for #335c77 HEX:
Color palette with color #335c77 #1:
Color palette with color #335c77 #2:
Color palette with color #335c77 #3:
Color palette with color #335c77 #4:
Color palette with color #335c77 #5:
Color #335c77 used in palettes (1)
Color Contrast
Color pairings of #335c77 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#335c77
#335c77Contrast Ratio
7.14:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#335c77
#335c77Contrast Ratio
2.93:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #335c77 color png
Visit the popular colors list for more colors