Created at 02/18/2023 21:13
#bafeb2 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #bafeb2 | RGB(186, 254, 178) |
RGB values are RGB(186, 254, 178)
#bafeb2 color contain Red 72.94%, Green 99.61% and Blue 69.8%.
oklch(93.31% 0.1217 141.96)
#bafeb2 color contain Red 72.94%, Green 99.61% and Blue 69.8%.
oklch(93.31% 0.1217 141.96)
Classification of #bafeb2 color
#bafeb2 is Light and Neutral Color Saturation 97%, lightness 85%.
Tint of palegreen
Alternative colors of #bafeb2
Opposite Color for #bafeb2 is #f6b4fe
#bafeb2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #bafeb2
Decimal
12254898
HEX
#bafeb2
HSL
hsl(114, 97%, 85%)
HSLA
hsla(114, 97%, 85%, 1)
RGB
RGB(186, 254, 178)
RGBA
RGBA(186, 254, 178, 1)
Palettes for #bafeb2 color:
Below examples of color palettes for #bafeb2 HEX color
darkest color is #131912 from shades and lightest color is #f8fff7 from tints
Shades palette of #bafeb2:
#a7e5a0
#95cb8e
#82b27d
#70986b
#5d7f59
#4a6647
#384c35
#253324
#131912
#000000
Tints palette of #bafeb2:
#c1feba
#c8fec1
#cffec9
#d6fed1
#ddffd9
#e3ffe0
#eaffe8
#f1fff0
#f8fff7
#ffffff
Complementary palette of #bafeb2:
#bbfeb4
#f6b4fe
Triadic palette of #bafeb2:
#bbfeb4
#b4bbfe
#feb4bb
Square palette of #bafeb2:
#bbfeb4
#b4e0fe
#fed1b4
#f6b4fe
Analogous palette of #bafeb2:
#e0feb4
#bbfeb4
Split-Complementary palette of #bafeb2:
#bbfeb4
#e0feb4
Rectangle (tetradic) palette of #bafeb2:
#bbfeb4
#b4e0fe
#fed1b4
#d1b4fe
Suggested colors palettes for #bafeb2 HEX:
Colors palette with color #bafeb2 #1:
Colors palette with color #bafeb2 #2:
Colors palette with color #bafeb2 #3:
Colors palette with color #bafeb2 #4:
Colors palette with color #bafeb2 #5:
Color #bafeb2 used in palettes (1)
Color Contrast
Color pairings #bafeb2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#bafeb2
#bafeb2 Contrast Ratio
1.17:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#bafeb2
#bafeb2 Contrast Ratio
17.9:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #bafeb2 color png
Visit the popular colors list for more colors