#bad4fe HEX color information
| Color | HEX | RGB |
|---|---|---|
| #bad4fe | RGB(186, 212, 254) |
Created at 07/20/2024 16:32
RGB values are RGB(186, 212, 254)
#bad4fe color contains Red 72.94%, Green 83.14% and Blue 99.61%.
oklch(86.48% 0.065 259.95)
#bad4fe color contains Red 72.94%, Green 83.14% and Blue 99.61%.
oklch(86.48% 0.065 259.95)
Color Names of #bad4fe HEX code
≈ Sail
Classification of #bad4fe color
#bad4fe is Light and Cool Color Saturation 97%, lightness 86%.
Tint of Light Steel Blue
Alternative colors of #bad4fe
Opposite Color for #bad4fe is #fee4ba
#bad4fe Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #bad4fe
cmyk
CMYK(27%, 17%, 0%, 0%)
Decimal
12244222
HEX
#bad4fe
HSL
hsl(217, 97%, 86%)
HSLA
hsla(217, 97%, 86%, 1)
RGB
RGB(186, 212, 254)
RGBA
RGBA(186, 212, 254, 1)
Palettes for #bad4fe color:
Below are examples of color palettes with the #bad4fe HEX color
darkest color is #131519 from shades and lightest color is #f8fbff from tints
Shades palette of #bad4fe:
#a7bfe5
#95aacb
#8294b2
#707f98
#5d6a7f
#4a5566
#38404c
#252a33
#131519
#000000
Tints palette of #bad4fe:
#c1d8fe
#c8ddfe
#cfe1fe
#d6e5fe
#ddeaff
#e3eeff
#eaf2ff
#f1f6ff
#f8fbff
#ffffff
Complementary palette of #bad4fe:
#bad4fe
#fee4ba
Triadic palette of #bad4fe:
#bad4fe
#febad4
#d4feba
Square palette of #bad4fe:
#bad4fe
#febaf6
#fee4ba
#bafec2
Analogous palette of #bad4fe:
#baf6fe
#bad4fe
#c2bafe
Split-Complementary palette of #bad4fe:
#bad4fe
#fec2ba
#f6feba
Rectangle (tetradic) palette of #bad4fe:
#bad4fe
#e4bafe
#fee4ba
#d4feba
Suggested color palettes for #bad4fe HEX:
Color palette with color #bad4fe #1:
Color palette with color #bad4fe #2:
Color palette with color #bad4fe #3:
Color palette with color #bad4fe #4:
Color palette with color #bad4fe #5:
Color #bad4fe used in palettes (1)
Color Contrast
Color pairings of #bad4fe with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#bad4fe
#bad4feContrast Ratio
1.5:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#bad4fe
#bad4feContrast Ratio
13.93:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #bad4fe color png
Visit the popular colors list for more colors