# #2c677a color: San Gabriel Blue

#2c677a is rgb(44, 103, 122) in RGB and oklch(48.305% 0.06783 222.114) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/2c677a

## Formats

| Format | Value |
| --- | --- |
| HEX | #2c677a |
| RGB | rgb(44, 103, 122) |
| HSL | hsl(194.62, 46.99%, 32.55%) |
| HSB / HSV | hsv(194.62 63.93% 47.84%) |
| HWB | hwb(194.62 17.25% 52.16%) |
| CMYK | cmyk(64% 16% 0% 52%) |
| Lab | lab(40.35 -15.19 -16.77) |
| LCH | lch(40.35 22.63 227.82) |
| OKLab | oklab(48.305% -0.05032 -0.04549) |
| OKLCH | oklch(48.305% 0.06783 222.114) |
| Display P3 | color(display-p3 0.23425 0.39871 0.47016) |
| Rec. 2020 | color(rec2020 0.23054 0.3376 0.41721) |
| Adobe RGB | color(a98-rgb 0.27106 0.40316 0.4724) |
| ProPhoto RGB | color(prophoto-rgb 0.25501 0.31698 0.39141) |
| Linear sRGB | color(srgb-linear 0.02519 0.13563 0.19462) |
| XYZ D65 | color(xyz-d65 0.09401 0.11641 0.20164) |
| XYZ D50 | color(xyz-d50 0.09107 0.11464 0.15249) |
| SwiftUI | Color(red: 0.173, green: 0.404, blue: 0.478) |
| UIKit | UIColor(red: 0.173, green: 0.404, blue: 0.478, alpha: 1) |
| Flutter / Compose | Color(0xFF2C677A) |
| Android XML | #2C677A |

## Facts

- Closest name: San Gabriel Blue
- Hue family: Sky blue, dusty dark sky blue
- Closest Tailwind class: cyan-800
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 6.31:1
- Contrast with black: 3.33:1

## Tints

#2c677a, #427587, #578494, #6c93a0, #80a1ae, #95b1bb, #aac0c8, #bfcfd6, #d4dfe3, #e9eff1

## Shades

#2c677a, #255969, #1e4b59, #173d49, #11303a, #0a232b, #05171d, #020c10, #010405, #000001

## Tones

#2c677a, #336677, #3a6675, #3f6572, #45646f, #49636c, #4e626a, #526167, #576064, #5a5f61

## Harmonies

- Complementary: #2c677a, #7f513f
- Split: #2c677a, #804e54, #765831
- Analogous: #2c677a, #266b68, #426184
- Triadic: #2c677a, #794f69, #666030
- Tetradic: #2c677a, #585a84, #7f513f, #666030
- Square: #2c677a, #6b537a, #7f513f, #50673e
- Monochromatic: #2c677a, #002636, #004557, #508a9e, #75b0c4

## Questions about #2c677a

### What color is #2c677a?

#2c677a is dusty dark sky blue. The closest named color is San Gabriel Blue. In RGB it is rgb(44, 103, 122), in HSL hsl(194.62, 46.99%, 32.55%) and in OKLCH oklch(48.305% 0.06783 222.114).

### What colors go well with #2c677a?

The complementary color of #2c677a is #7f513f. For a calmer combination use the analogous colors #266b68 and #426184. The triadic partners are #794f69 and #666030.

### Is white or black text more readable on #2c677a?

White text reads better on #2c677a: white gives a contrast ratio of 6.31:1 and black gives 3.33:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #2c677a a warm or cool color?

#2c677a is a cool color. In OKLCH its hue is 222 degrees, its lightness 48.3% and its chroma 0.068.