#a2d2ff HEX color information
| Color | HEX | RGB |
|---|---|---|
| #a2d2ff | RGB(162, 210, 255) |
Created at 08/25/2023 18:18
Classification of #a2d2ff color
#a2d2ff is Light and Cool Color Saturation 100%, lightness 82%.
Tint of Light Sky Blue
RGB values are RGB(162, 210, 255)
#a2d2ff color contains Red 63.53%, Green 82.35% and Blue 100%.
oklch(84.59% 0.0808 247.16)
#a2d2ff color contains Red 63.53%, Green 82.35% and Blue 100%.
oklch(84.59% 0.0808 247.16)
Color Names of #a2d2ff HEX code
Element Sky, Hover Sky Color
≈ Anakiwa
Alternative colors of #a2d2ff
Opposite Color for #a2d2ff is #ffcfa2
#a2d2ff Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #a2d2ff
cmyk
CMYK(36%, 18%, 0%, 0%)
Decimal
10670847
HEX
#a2d2ff
HSL
hsl(209, 100%, 82%)
HSLA
hsla(209, 100%, 82%, 1)
RGB
RGB(162, 210, 255)
RGBA
RGBA(162, 210, 255, 1)
Palettes for #a2d2ff color:
Below examples of color palettes for #a2d2ff HEX color
darkest color is #101519 from shades and lightest color is #f6fbff from tints
Shades palette of #a2d2ff:
#92bde6
#82a8cc
#7193b3
#617e99
#516980
#415466
#313f4d
#202a33
#101519
#000000
Tints palette of #a2d2ff:
#abd7ff
#b5dbff
#bee0ff
#c7e4ff
#d1e9ff
#daedff
#e3f2ff
#ecf6ff
#f6fbff
#ffffff
Complementary palette of #a2d2ff:
#a2d2ff
#ffcfa2
Triadic palette of #a2d2ff:
#a2d2ff
#ffa2d2
#d2ffa2
Square palette of #a2d2ff:
#a2d2ff
#fda2ff
#ffcfa2
#a3ffa2
Analogous palette of #a2d2ff:
#a2fffd
#a2d2ff
#a2a4ff
Split-Complementary palette of #a2d2ff:
#a2d2ff
#ffa2a4
#fffea2
Rectangle (tetradic) palette of #a2d2ff:
#a2d2ff
#cfa2ff
#ffcfa2
#d2ffa2
Suggested color palettes for #a2d2ff HEX:
Color palette with color #a2d2ff #1:
Color palette with color #a2d2ff #2:
Color palette with color #a2d2ff #3:
Color palette with color #a2d2ff #4:
Color palette with color #a2d2ff #5:
Color #a2d2ff used in palettes (24)
Mi p Mistral Inference Panel System AI Interface Emotional Harmony Webflow Interactive UI Canvas Digital Wellbeing App UI Colors yellow green and blue colors Psychology of Color Trend Matrix Augmented Reality Dream Layer Modern SaaS Light UI Elements Metaverse Gradient Flow Core Data Mesh UI Palette for Scalable Systems AI Product Design System Gradient Flow UI Future Workflow Productivity UI 5 color palette Headless CMS UI Layout AI Chat Copilot Toolkit Visual Wireframe Editor Theme AI-Powered Figma Prototypes Edge Computing Light UI Theme color palette UX Persona Insight System Semantic HTML UI Pattern Guide User Story Mapping Dashboard AI-Ready Design Tokens for UI Frameworks
Color Contrast
Color pairings #a2d2ff with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#a2d2ff
#a2d2ff Contrast Ratio
1.59:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#a2d2ff
#a2d2ff Contrast Ratio
13.19:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #a2d2ff color png
Visit the popular colors list for more colors