# #3a669c color: Summerday Blue

#3a669c is rgb(58, 102, 156) in RGB and oklch(50.421% 0.09954 254.517) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3a669c

## Formats

| Format | Value |
| --- | --- |
| HEX | #3a669c |
| RGB | rgb(58, 102, 156) |
| HSL | hsl(213.06, 45.79%, 41.96%) |
| HSB / HSV | hsv(213.06 62.82% 61.18%) |
| HWB | hwb(213.06 22.75% 38.82%) |
| CMYK | cmyk(63% 35% 0% 39%) |
| Lab | lab(41.97 -2.21 -34.54) |
| LCH | lch(41.97 34.61 266.33) |
| OKLab | oklab(50.421% -0.02657 -0.09592) |
| OKLCH | oklch(50.421% 0.09954 254.517) |
| Display P3 | color(display-p3 0.26802 0.39568 0.59526) |
| Rec. 2020 | color(rec2020 0.26266 0.33792 0.5498) |
| Adobe RGB | color(a98-rgb 0.29475 0.39941 0.59922) |
| ProPhoto RGB | color(prophoto-rgb 0.2978 0.32134 0.51614) |
| Linear sRGB | color(srgb-linear 0.04231 0.13287 0.33245) |
| XYZ D65 | color(xyz-d65 0.12496 0.12802 0.33266) |
| XYZ D50 | color(xyz-d50 0.11719 0.12482 0.25089) |
| SwiftUI | Color(red: 0.227, green: 0.4, blue: 0.612) |
| UIKit | UIColor(red: 0.227, green: 0.4, blue: 0.612, alpha: 1) |
| Flutter / Compose | Color(0xFF3A669C) |
| Android XML | #3A669C |

## Facts

- Closest name: Summerday Blue
- Hue family: Blue, soft blue
- Closest Tailwind class: sky-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.9:1
- Contrast with black: 3.56:1

## Tints

#3a669c, #4d75a6, #6084b0, #7393ba, #86a2c4, #9ab1ce, #adc0d8, #c1d0e2, #d6dfec, #eaeff5

## Shades

#3a669c, #315887, #284a73, #203c5f, #182f4c, #102339, #091728, #040c18, #010409, #000001

## Tones

#3a669c, #3f6697, #446691, #48668c, #4d6686, #516681, #55667b, #596676, #5d6570, #61656a

## Harmonies

- Complementary: #3a669c, #855b12
- Split: #3a669c, #935031, #6e6713
- Analogous: #3a669c, #00708f, #5f5b9b
- Triadic: #3a669c, #944a52, #4b7133
- Tetradic: #3a669c, #79528c, #855b12, #4b7133
- Square: #3a669c, #8c4c72, #855b12, #167655
- Monochromatic: #3a669c, #002353, #184477, #5c8ac2, #80afea

## Questions about #3a669c

### What color is #3a669c?

#3a669c is soft blue. The closest named color is Summerday Blue. In RGB it is rgb(58, 102, 156), in HSL hsl(213.06, 45.79%, 41.96%) and in OKLCH oklch(50.421% 0.09954 254.517).

### What colors go well with #3a669c?

The complementary color of #3a669c is #855b12. For a calmer combination use the analogous colors #00708f and #5f5b9b. The triadic partners are #944a52 and #4b7133.

### Is white or black text more readable on #3a669c?

White text reads better on #3a669c: white gives a contrast ratio of 5.9:1 and black gives 3.56:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3a669c a warm or cool color?

#3a669c is a cool color. In OKLCH its hue is 255 degrees, its lightness 50.4% and its chroma 0.1.