# #345680 color: Overtake

#345680 is rgb(52, 86, 128) in RGB and oklch(44.718% 0.08008 254.479) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/345680

## Formats

| Format | Value |
| --- | --- |
| HEX | #345680 |
| RGB | rgb(52, 86, 128) |
| HSL | hsl(213.16, 42.22%, 35.29%) |
| HSB / HSV | hsv(213.16 59.38% 50.2%) |
| HWB | hwb(213.16 20.39% 49.8%) |
| CMYK | cmyk(59% 33% 0% 50%) |
| Lab | lab(35.49 -2.32 -27.87) |
| LCH | lch(35.49 27.96 265.24) |
| OKLab | oklab(44.718% -0.02143 -0.07716) |
| OKLCH | oklch(44.718% 0.08008 254.479) |
| Display P3 | color(display-p3 0.23416 0.33381 0.48885) |
| Rec. 2020 | color(rec2020 0.2142 0.27342 0.436) |
| Adobe RGB | color(a98-rgb 0.25857 0.33969 0.49268) |
| ProPhoto RGB | color(prophoto-rgb 0.24452 0.26364 0.40708) |
| Linear sRGB | color(srgb-linear 0.03434 0.09306 0.21586) |
| XYZ D65 | color(xyz-d65 0.0864 0.08944 0.21694) |
| XYZ D50 | color(xyz-d50 0.0817 0.08744 0.16366) |
| SwiftUI | Color(red: 0.204, green: 0.337, blue: 0.502) |
| UIKit | UIColor(red: 0.204, green: 0.337, blue: 0.502, alpha: 1) |
| Flutter / Compose | Color(0xFF345680) |
| Android XML | #345680 |

## Facts

- Closest name: Overtake
- Hue family: Blue, soft dark blue
- Closest Tailwind class: slate-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 7.53:1
- Contrast with black: 2.79:1

## Tints

#345680, #47668d, #5a7699, #6d86a6, #8197b2, #95a8bf, #aab9cc, #becad8, #d4dbe5, #e9edf2

## Shades

#345680, #2c4a6e, #243e5d, #1c324d, #15273d, #0e1c2e, #07121f, #030812, #010206, #000001

## Tones

#345680, #38567c, #3b5678, #3f5673, #42566f, #45566b, #495666, #4c5562, #4f555d, #515559

## Harmonies

- Complementary: #345680, #6e4d1a
- Split: #345680, #79452e, #5c571a
- Analogous: #345680, #0d5d75, #504e7f
- Triadic: #345680, #7a4146, #415e2f
- Tetradic: #345680, #654673, #6e4d1a, #415e2f
- Square: #345680, #73415f, #6e4d1a, #1e6249
- Monochromatic: #345680, #00163b, #14355c, #5579a5, #789dcc

## Questions about #345680

### What color is #345680?

#345680 is soft dark blue. The closest named color is Overtake. In RGB it is rgb(52, 86, 128), in HSL hsl(213.16, 42.22%, 35.29%) and in OKLCH oklch(44.718% 0.08008 254.479).

### What colors go well with #345680?

The complementary color of #345680 is #6e4d1a. For a calmer combination use the analogous colors #0d5d75 and #504e7f. The triadic partners are #7a4146 and #415e2f.

### Is white or black text more readable on #345680?

White text reads better on #345680: white gives a contrast ratio of 7.53:1 and black gives 2.79:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #345680 a warm or cool color?

#345680 is a cool color. In OKLCH its hue is 254 degrees, its lightness 44.7% and its chroma 0.08.