# #8396dd color: Portage

#8396dd is rgb(131, 150, 221) in RGB and oklch(68.691% 0.10721 271.898) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/8396dd

## Formats

| Format | Value |
| --- | --- |
| HEX | #8396dd |
| RGB | rgb(131, 150, 221) |
| HSL | hsl(227.33, 56.96%, 69.02%) |
| HSB / HSV | hsv(227.33 40.72% 86.67%) |
| HWB | hwb(227.33 51.37% 13.33%) |
| CMYK | cmyk(41% 32% 0% 13%) |
| Lab | lab(62.76 6.65 -38.82) |
| LCH | lch(62.76 39.39 279.72) |
| OKLab | oklab(68.691% 0.00355 -0.10715) |
| OKLCH | oklch(68.691% 0.10721 271.898) |
| Display P3 | color(display-p3 0.52794 0.58595 0.84576) |
| Rec. 2020 | color(rec2020 0.51476 0.54432 0.82371) |
| Adobe RGB | color(a98-rgb 0.53162 0.58277 0.85351) |
| ProPhoto RGB | color(prophoto-rgb 0.53325 0.52085 0.79753) |
| Linear sRGB | color(srgb-linear 0.22697 0.30499 0.72306) |
| XYZ D65 | color(xyz-d65 0.33315 0.31858 0.72803) |
| XYZ D50 | color(xyz-d50 0.31989 0.31297 0.5491) |
| SwiftUI | Color(red: 0.514, green: 0.588, blue: 0.867) |
| UIKit | UIColor(red: 0.514, green: 0.588, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF8396DD) |
| Android XML | #8396DD |

## Facts

- Closest name: Portage
- Hue family: Indigo, soft indigo
- Closest Tailwind class: slate-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.85:1
- Contrast with black: 7.37:1

## Tints

#8396dd, #8fa0e1, #9aabe5, #a6b5e9, #b3c0ec, #bfcaf0, #cbd5f3, #d8dff6, #e5eaf9, #f2f4fc

## Shades

#8396dd, #7182c0, #606ea4, #4f5b88, #3f496e, #2f3755, #20263d, #121626, #060811, #010102

## Tones

#8396dd, #8597d7, #8797d0, #8a98ca, #8c99c3, #8e99bc, #9199b6, #939aaf, #959aa8, #989aa1

## Harmonies

- Complementary: #8396dd, #b29845
- Split: #8396dd, #ca8b51, #8fa556
- Analogous: #8396dd, #59a2d7, #a78ad2
- Triadic: #8396dd, #d48170, #64ad79
- Tetradic: #8396dd, #c181b8, #b29845, #64ad79
- Square: #8396dd, #d17d95, #b29845, #38b09f
- Monochromatic: #8396dd, #404f8f, #6072b6, #a7bcff, #d9e5ff

## Questions about #8396dd

### What color is #8396dd?

#8396dd is soft indigo. The closest named color is Portage. In RGB it is rgb(131, 150, 221), in HSL hsl(227.33, 56.96%, 69.02%) and in OKLCH oklch(68.691% 0.10721 271.898).

### What colors go well with #8396dd?

The complementary color of #8396dd is #b29845. For a calmer combination use the analogous colors #59a2d7 and #a78ad2. The triadic partners are #d48170 and #64ad79.

### Is white or black text more readable on #8396dd?

Black text reads better on #8396dd: white gives a contrast ratio of 2.85:1 and black gives 7.37:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #8396dd a warm or cool color?

#8396dd is a cool color. In OKLCH its hue is 272 degrees, its lightness 68.7% and its chroma 0.107.