#2DA5CC Laguna

#2DA5CC color conversion

HEX

#2DA5CC

RGB

rgb(45, 165, 204)

HSL

hsl(195, 64%, 49%)

HSB / HSV

hsb(195, 78%, 80%)

HWB

hwb(195 18% 20%)

CMYK

cmyk(78%, 19%, 0%, 20%)

XYZ

xyz(25.43, 31.82, 61.92)

CIELAB

lab(63.20, -19.18, -29.15)

CIELCh

lch(63.20, 34.89, 236.7)

CIELUV

luv(63.20, -41.15, -43.00)

OKLCH

oklch(67.5% 0.116 224.9)

Variations of #2DA5CC

Shades

Mixed with black: richer and darker.

Tints

Mixed with white: lighter and softer.

Tones

Mixed with gray: calmer and more muted.

Hues

The same lightness and chroma, rotated around the color wheel.

Temperatures

Cooler on the left, warmer on the right.

#2DA5CC color harmonies

#2DA5CC for color-blind viewers (and dogs)

How #2DA5CC appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

• Dog vision 84% similarHow dogs see it · simulated as #7A92CC
• Protanopia 82% similar1.3% of men, 0.02% of women · simulated as #8FA1CE
• Protanomaly 87% similar1.3% of men, 0.02% of women · simulated as #7DA1CD
• Deuteranopia 84% similar1.2% of men, 0.01% of women · simulated as #7A92CC
• Deuteranomaly 89% similar5% of men, 0.35% of women · simulated as #6C9ACC
• Tritanopia 88% similar0.001% of men, 0.03% of women · simulated as #00B1B2
• Tritanomaly 95% similar0.0001% of men, 0.0001% of women · simulated as #00AAC1
• Achromatopsia 77% similar0.003% of men, 0.003% of women · simulated as #999999
• Achromatomaly 82% similar0.001% of men, 0.001% of women · simulated as #889CA8

#2DA5CC contrast checker

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #2DA5CC

• Laguna#36A5C9
• Pacific Blue#1CA9C9
• Gummy Dolphins#06A9CA
• True Sky Blue#24A6C2
• Mystic Blue#48A8D0
• Blue Burst#309CD0
• Sub-Zero#57A1CE
• Blue Ocean#009DC4

Palettes with #2DA5CC

• A4570D16A6CD47440076B5D0DAD4FF1A182DBrandy Bear to Dark Knight
• DFE7FF0D6E8A1EA5C972BCFF003F6BCloudless to Tardis Blue
• E32493936A00FF855600A5D06288FFFF9ECFBenevolent Pink to Violet Kiss
• 63A9FF00A6CA006CEC5FF1E3004C5D006E6CFennel Flower to Pine Scented Lagoon
• BBE0EE33A5D539547B181728Polar Wind to Dark Knight
• 48202B723E43A7652800AACF99DAE4Castro to Exotic Escape

#2DA5CC in CSS

/* Laguna */
.color { color: #2DA5CC; }
.background { background-color: #2DA5CC; }
.border { border: 1px solid #2DA5CC; }

/* Other notations */
color: rgb(45 165 204);
color: hsl(195 64% 49%);
color: oklch(0.675 0.116 224.9);

#2DA5CC FAQ