#bada55 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #bada55 | RGB(186, 218, 85) |
Created at 02/21/2023 10:51
Classification of #bada55 color
#bada55 is Light and Warm Color Saturation 64%, lightness 59%.
Tint of Yellow Green
RGB values are RGB(186, 218, 85)
#bada55 color contains Red 72.94%, Green 85.49% and Blue 33.33%.
oklch(83.91% 0.1622 121.45)
#bada55 color contains Red 72.94%, Green 85.49% and Blue 33.33%.
oklch(83.91% 0.1622 121.45)
Color Names of #bada55 HEX code
≈ Conifer
Alternative colors of #bada55
Opposite Color for #bada55 is #7555da
#bada55 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #bada55
cmyk
CMYK(15%, 0%, 61%, 15%)
Decimal
12245589
HEX
#bada55
HSL
hsl(74, 64%, 59%)
HSLA
hsla(74, 64%, 59%, 1)
RGB
RGB(186, 218, 85)
RGBA
RGBA(186, 218, 85, 1)
Palettes for #bada55 color:
Below examples of color palettes for #bada55 HEX color
darkest color is #131608 from shades and lightest color is #f8fbee from tints
Shades palette of #bada55:
#a7c44d
#95ae44
#82993b
#708333
#5d6d2b
#4a5722
#38411a
#252c11
#131608
#000000
Tints palette of #bada55:
#c1de66
#c8e177
#cfe588
#d6e999
#ddedaa
#e3f0bb
#eaf4cc
#f1f8dd
#f8fbee
#ffffff
Complementary palette of #bada55:
#bada55
#7555da
Triadic palette of #bada55:
#bada55
#55bada
#da55ba
Square palette of #bada55:
#bada55
#55dab8
#7555da
#da5578
Analogous palette of #bada55:
#dab855
#bada55
#77da55
Split-Complementary palette of #bada55:
#bada55
#5578da
#b855da
Rectangle (tetradic) palette of #bada55:
#bada55
#55da75
#7555da
#da55ba
Suggested color palettes for #bada55 HEX:
Color palette with color #bada55 #1:
Color palette with color #bada55 #2:
Color palette with color #bada55 #3:
Color palette with color #bada55 #4:
Color palette with color #bada55 #5:
Color #bada55 used in palettes (1)
Color Contrast
Color pairings #bada55 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#bada55
#bada55 Contrast Ratio
1.58:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#bada55
#bada55 Contrast Ratio
13.24:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #bada55 color png
Visit the popular colors list for more colors