#b2ba8e HEX color information
| Color | HEX | RGB |
|---|---|---|
| #b2ba8e | RGB(178, 186, 142) |
Created at 02/22/2023 06:24
RGB values are RGB(178, 186, 142)
#b2ba8e color contains Red 69.8%, Green 72.94% and Blue 55.69%.
oklch(77.13% 0.0606 116.21)
#b2ba8e color contains Red 69.8%, Green 72.94% and Blue 55.69%.
oklch(77.13% 0.0606 116.21)
Color Names of #b2ba8e HEX code
≈ Swamp Green
Classification of #b2ba8e color
#b2ba8e is Light and Warm Color Saturation 24%, lightness 64%.
Tint of Dark Khaki
Alternative colors of #b2ba8e
Opposite Color for #b2ba8e is #968eba
#b2ba8e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #b2ba8e
cmyk
CMYK(4%, 0%, 24%, 27%)
Decimal
11713166
HEX
#b2ba8e
HSL
hsl(71, 24%, 64%)
HSLA
hsla(71, 24%, 64%, 1)
RGB
RGB(178, 186, 142)
RGBA
RGBA(178, 186, 142, 1)
Palettes for #b2ba8e color:
Below are examples of color palettes with the #b2ba8e HEX color
darkest color is #12130e from shades and lightest color is #f7f8f4 from tints
Shades palette of #b2ba8e:
#a0a780
#8e9572
#7d8263
#6b7055
#595d47
#474a39
#35382b
#24251c
#12130e
#000000
Tints palette of #b2ba8e:
#bac199
#c1c8a5
#c9cfb0
#d1d6bb
#d9ddc7
#e0e3d2
#e8eadd
#f0f1e8
#f7f8f4
#ffffff
Complementary palette of #b2ba8e:
#b2ba8e
#968eba
Triadic palette of #b2ba8e:
#b2ba8e
#8eb2ba
#ba8eb2
Square palette of #b2ba8e:
#b2ba8e
#8ebaac
#968eba
#ba8e9c
Analogous palette of #b2ba8e:
#baac8e
#b2ba8e
#9cba8e
Split-Complementary palette of #b2ba8e:
#b2ba8e
#8e9cba
#ac8eba
Rectangle (tetradic) palette of #b2ba8e:
#b2ba8e
#8eba96
#968eba
#ba8eb2
Suggested color palettes for #b2ba8e HEX:
Color palette with color #b2ba8e #1:
Color palette with color #b2ba8e #2:
Color palette with color #b2ba8e #3:
Color palette with color #b2ba8e #4:
Color palette with color #b2ba8e #5:
Color #b2ba8e used in palettes (1)
Color Contrast
Color pairings of #b2ba8e with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#b2ba8e
#b2ba8eContrast Ratio
2.03:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#b2ba8e
#b2ba8eContrast Ratio
10.3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #b2ba8e color png
Visit the popular colors list for more colors