#badf55 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #badf55 | RGB(186, 223, 85) |
Created at 02/26/2023 11:24
Classification of #badf55 color
#badf55 is Light and Warm Color Saturation 68%, lightness 60%.
Tint of Yellowgreen
RGB values are RGB(186, 223, 85)
#badf55 color contains Red 72.94%, Green 87.45% and Blue 33.33%.
oklch(85.03% 0.1683 122.77)
#badf55 color contains Red 72.94%, Green 87.45% and Blue 33.33%.
oklch(85.03% 0.1683 122.77)
Color Names of #badf55 HEX code
≈ Conifer
Alternative colors of #badf55
Opposite Color for #badf55 is #7a55df
#badf55 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #badf55
Decimal
12246869
HEX
#badf55
HSL
hsl(76, 68%, 60%)
HSLA
hsla(76, 68%, 60%, 1)
RGB
RGB(186, 223, 85)
RGBA
RGBA(186, 223, 85, 1)
Palettes for #badf55 color:
Below examples of color palettes for #badf55 HEX color
darkest color is #131608 from shades and lightest color is #f8fcee from tints
Shades palette of #badf55:
#a7c94d
#95b244
#829c3b
#708633
#5d702b
#4a5922
#38431a
#252d11
#131608
#000000
Tints palette of #badf55:
#c1e266
#c8e577
#cfe988
#d6ec99
#ddefaa
#e3f2bb
#eaf5cc
#f1f9dd
#f8fcee
#ffffff
Complementary palette of #badf55:
#badf55
#7a55df
Triadic palette of #badf55:
#badf55
#55badf
#df55ba
Square palette of #badf55:
#badf55
#55dfbf
#7a55df
#df5575
Analogous palette of #badf55:
#dfbf55
#badf55
#75df55
Split-Complementary palette of #badf55:
#badf55
#5575df
#bf55df
Rectangle (tetradic) palette of #badf55:
#badf55
#55df7a
#7a55df
#df55ba
Suggested color palettes for #badf55 HEX:
Color palette with color #badf55 #1:
Color palette with color #badf55 #2:
Color palette with color #badf55 #3:
Color palette with color #badf55 #4:
Color palette with color #badf55 #5:
Color #badf55 used in palettes (14)
Color Contrast
Color pairings #badf55 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#badf55
#badf55 Contrast Ratio
1.52:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#badf55
#badf55 Contrast Ratio
13.77:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #badf55 color png
Visit the popular colors list for more colors