# #676fc0 color: Gladiola Blue

#676fc0 is rgb(103, 111, 192) in RGB and oklch(57.229% 0.12419 277.448) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/676fc0

## Formats

| Format | Value |
| --- | --- |
| HEX | #676fc0 |
| RGB | rgb(103, 111, 192) |
| HSL | hsl(234.61, 41.4%, 57.84%) |
| HSB / HSV | hsv(234.61 46.35% 75.29%) |
| HWB | hwb(234.61 40.39% 24.71%) |
| CMYK | cmyk(46% 42% 0% 25%) |
| Lab | lab(49.02 13.62 -44.19) |
| LCH | lch(49.02 46.24 287.14) |
| OKLab | oklab(57.229% 0.0161 -0.12314) |
| OKLCH | oklch(57.229% 0.12419 277.448) |
| Display P3 | color(display-p3 0.40971 0.4343 0.73124) |
| Rec. 2020 | color(rec2020 0.38298 0.38469 0.6969) |
| Adobe RGB | color(a98-rgb 0.41203 0.43333 0.73754) |
| ProPhoto RGB | color(prophoto-rgb 0.4071 0.37002 0.66297) |
| Linear sRGB | color(srgb-linear 0.13563 0.15896 0.52712) |
| XYZ D65 | color(xyz-d65 0.20791 0.18058 0.52261) |
| XYZ D50 | color(xyz-d50 0.19579 0.17609 0.39373) |
| SwiftUI | Color(red: 0.404, green: 0.435, blue: 0.753) |
| UIKit | UIColor(red: 0.404, green: 0.435, blue: 0.753, alpha: 1) |
| Flutter / Compose | Color(0xFF676FC0) |
| Android XML | #676FC0 |

## Facts

- Closest name: Gladiola Blue
- Hue family: Indigo, soft indigo
- Closest Tailwind class: slate-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.55:1
- Contrast with black: 4.61:1

## Tints

#676fc0, #757dc7, #838bce, #919ad5, #a0a8db, #afb6e2, #bec5e8, #ced3ee, #dee2f4, #eff0f9

## Shades

#676fc0, #5960a7, #4b518e, #3d4276, #30345f, #232749, #171a34, #0c0e20, #04040e, #000102

## Tones

#676fc0, #6870b9, #6a72b2, #6b73ab, #6d74a4, #6f759d, #707696, #72768e, #747787, #767780

## Harmonies

- Complementary: #676fc0, #8c7700
- Split: #676fc0, #a76706, #63852a
- Analogous: #676fc0, #307dbd, #8c62b0
- Triadic: #676fc0, #b55a3f, #208d5a
- Tetradic: #676fc0, #a65992, #8c7700, #208d5a
- Square: #676fc0, #b4556b, #8c7700, #008e84
- Monochromatic: #676fc0, #2a2974, #474c99, #8a94e8, #afbaff

## Questions about #676fc0

### What color is #676fc0?

#676fc0 is soft indigo. The closest named color is Gladiola Blue. In RGB it is rgb(103, 111, 192), in HSL hsl(234.61, 41.4%, 57.84%) and in OKLCH oklch(57.229% 0.12419 277.448).

### What colors go well with #676fc0?

The complementary color of #676fc0 is #8c7700. For a calmer combination use the analogous colors #307dbd and #8c62b0. The triadic partners are #b55a3f and #208d5a.

### Is white or black text more readable on #676fc0?

White text reads better on #676fc0: white gives a contrast ratio of 4.55:1 and black gives 4.61:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #676fc0 a warm or cool color?

#676fc0 is a cool color. In OKLCH its hue is 277 degrees, its lightness 57.2% and its chroma 0.124.