Baby blue eyes

#A1CAF1

Blue Family →

What Color is Baby blue eyes

Baby blue eyes (#A1CAF1) is a cool blue color associated with the summer season. Its complementary color is #5E350E.

What color is opposite Baby blue eyes?

The opposite color to Baby blue eyes is Carnaby Tan (#5e350e).

View Carnaby Tan

Additional Information

  • Color Family: Blue
  • Temperature: Cool
  • Associated Season: Summer
  • Complementary Color: #5E350E
  • Brightness: 194/255
  • Saturation: 33%

Color Conversions

Hex
#A1CAF1
RGB
161, 202, 241
RGB %
63%, 79%, 95%
HSL
209°, 74%, 79%
HSV
209°, 33%, 95%
CMYK
33%, 16%, 0%, 5%
LAB
80, -4, -24
XYZ
51.7, 56.17, 91.34

CSS Snippets

CSS Hex
color: #A1CAF1;
CSS RGB
color: rgb(161, 202, 241);
Background
background-color: #A1CAF1;
Border
border: 1px solid #A1CAF1;
Box Shadow
box-shadow: 0 4px 6px #A1CAF140;
Linear Gradient
background: linear-gradient(135deg, #A1CAF1 0%, #ffffff 100%);

Colors That Pair Well With Baby blue eyes

Bold Contrast

Pair with Carnaby Tan for maximum visual impact. Perfect for call-to-action buttons or attention-grabbing designs.

#A1CAF1#5e350e

Clean & Professional

Combine with white and dark gray for a clean, professional look. Ideal for business websites and corporate branding.

#A1CAF1#FFFFFF#1F2937

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#b4d5f4#81a2c1

What Goes With Baby blue eyes?

Explore color palettes containing Baby blue eyes and discover harmonious combinations for your designs.

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

This is an example of body text using the selected color scheme.

Contrast Ratio: 0.00

WCAG Score: 0

AA Large Text
AA Normal Text
AAA Large Text
AAA Normal Text
Contrast with White

UI Examples

This is an example of body text using the selected color scheme.

Contrast Ratio: 0.00

WCAG Score: 0

AA Large Text
AA Normal Text
AAA Large Text
AAA Normal Text

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

🎨 Closest Color Matches

Best Match

Caran d'ache Luminance 6901

Cobalt Blue 5%

#661#9AC3EB

Buy

Prismacolor

Light Cerulean Blue

#PC904#94C7EB

Buy

Polychromos

sky blue

#146#86B2DF

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Baby blue eyes?
#A1CAF1 — see all color formats above.
What colors go with Baby blue eyes?
See our recommended pairings with design context, or explore the color harmonies for more options.
Is Baby blue eyes accessible for text?
Check the accessibility section for WCAG contrast ratios against black and white backgrounds.
How do I use Baby blue eyes in CSS?
Copy ready-to-use code from the CSS snippets section, or click any format in Color Conversions to copy.