#bae6fd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #bae6fd | RGB(186, 230, 253) |
Created at 04/01/2024 18:21
RGB values are RGB(186, 230, 253)
#bae6fd color contains Red 72.94%, Green 90.2% and Blue 99.22%.
oklch(90.14% 0.0555 230.9)
#bae6fd color contains Red 72.94%, Green 90.2% and Blue 99.22%.
oklch(90.14% 0.0555 230.9)
Color Names of #bae6fd HEX code
Field Sky, Ice Blue, Secondary Powder Color
≈ Sail
Classification of #bae6fd color
#bae6fd is Light and Cool Color Saturation 94%, lightness 86%.
Tint of Light Blue
Alternative colors of #bae6fd
Opposite Color for #bae6fd is #fdd1ba
#bae6fd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #bae6fd
cmyk
CMYK(26%, 9%, 0%, 1%)
Decimal
12248829
HEX
#bae6fd
HSL
hsl(201, 94%, 86%)
HSLA
hsla(201, 94%, 86%, 1)
RGB
RGB(186, 230, 253)
RGBA
RGBA(186, 230, 253, 1)
Palettes for #bae6fd color:
Below are examples of color palettes with the #bae6fd HEX color
darkest color is #131719 from shades and lightest color is #f8fdff from tints
Shades palette of #bae6fd:
#a7cfe4
#95b8ca
#82a1b1
#708a98
#5d737f
#4a5c65
#38454c
#252e33
#131719
#000000
Tints palette of #bae6fd:
#c1e9fd
#c8ebfd
#cfeefe
#d6f0fe
#ddf3fe
#e3f5fe
#eaf8fe
#f1faff
#f8fdff
#ffffff
Complementary palette of #bae6fd:
#bae6fd
#fdd1ba
Triadic palette of #bae6fd:
#bae6fd
#fdbae6
#e6fdba
Square palette of #bae6fd:
#bae6fd
#f3bafd
#fdd1ba
#c4fdba
Analogous palette of #bae6fd:
#bafdf3
#bae6fd
#bac4fd
Split-Complementary palette of #bae6fd:
#bae6fd
#fdbac4
#fdf3ba
Rectangle (tetradic) palette of #bae6fd:
#bae6fd
#d1bafd
#fdd1ba
#e6fdba
Suggested color palettes for #bae6fd HEX:
Color palette with color #bae6fd #1:
Color palette with color #bae6fd #2:
Color palette with color #bae6fd #3:
Color palette with color #bae6fd #4:
Color palette with color #bae6fd #5:
Color #bae6fd used in palettes (24)
Snap Layer StudioModern SaaS App InterfaceLightweight Static Web UI KitCleanDraft UIJS Snippet UI PlaygroundAI Chat Interface UX TokensGlassmorphism UI Design Pastel Color Palette Refractive Gradient EquilibriumMobile-First UI Builder StudioTimebeam TrackerIntelligent Cloud Data UIAutoML Cloud Studio ThemeAI-Powered Form Builder UIClean Web App Interaction PackAdvanced UI Component MatrixServerless UI Deployment KitAPI-Driven Web UX StructureCloud Native Visual StackNeural HorizonMarroway LiftEvolyne SignalTalari SunthreadMirin ThreadAerwyn LoopVelinte Loop
Color Contrast
Color pairings of #bae6fd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#bae6fd
#bae6fdContrast Ratio
1.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#bae6fd
#bae6fdContrast Ratio
15.82:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #bae6fd color png
Visit the popular colors list for more colors