# #2f417e color: Official Violet

#2f417e is rgb(47, 65, 126) in RGB and oklch(39.391% 0.10521 268.83) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2f417e |
| RGB | rgb(47, 65, 126) |
| HSL | hsl(226.33, 45.66%, 33.92%) |
| HSB / HSV | hsv(226.33 62.7% 49.41%) |
| HWB | hwb(226.33 18.43% 50.59%) |
| CMYK | cmyk(63% 48% 0% 51%) |
| Lab | lab(28.61 8.68 -37.51) |
| LCH | lch(28.61 38.51 283.03) |
| OKLab | oklab(39.391% -0.00215 -0.10519) |
| OKLCH | oklch(39.391% 0.10521 268.83) |
| Display P3 | color(display-p3 0.1989 0.25291 0.47805) |
| Rec. 2020 | color(rec2020 0.17103 0.19368 0.42379) |
| Adobe RGB | color(a98-rgb 0.21885 0.26266 0.48346) |
| ProPhoto RGB | color(prophoto-rgb 0.21302 0.1993 0.39429) |
| Linear sRGB | color(srgb-linear 0.02843 0.05286 0.20864) |
| XYZ D65 | color(xyz-d65 0.06828 0.05891 0.20517) |
| XYZ D50 | color(xyz-d50 0.06261 0.05687 0.15452) |
| SwiftUI | Color(red: 0.184, green: 0.255, blue: 0.494) |
| UIKit | UIColor(red: 0.184, green: 0.255, blue: 0.494, alpha: 1) |
| Flutter / Compose | Color(0xFF2F417E) |
| Android XML | #2F417E |

## Facts

- Closest name: Official Violet
- Hue family: Blue, soft dark blue
- Closest Tailwind class: blue-900
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 9.64:1
- Contrast with black: 2.18:1

## Tints

#2f417e, #41538b, #536598, #6777a5, #7b8ab2, #909dbf, #a5b0cc, #bbc3d9, #d1d7e6, #e8ebf2

## Shades

#2f417e, #27376d, #202e5c, #19254c, #121c3c, #0c132d, #060b1f, #030511, #010105, #000001

## Tones

#2f417e, #314279, #334373, #36446e, #384468, #3a4563, #3d455d, #3f4657, #414652, #44464c

## Harmonies

- Complementary: #2f417e, #5b4200
- Split: #2f417e, #6e3400, #414d00
- Analogous: #2f417e, #004c78, #4e3776
- Triadic: #2f417e, #742b23, #0b5523
- Tetradic: #2f417e, #642e61, #5b4200, #0b5523
- Square: #2f417e, #702945, #5b4200, #005547
- Monochromatic: #2f417e, #030037, #13205a, #4e63a4, #7087ca

## Questions about #2f417e

### What color is #2f417e?

#2f417e is soft dark blue. The closest named color is Official Violet. In RGB it is rgb(47, 65, 126), in HSL hsl(226.33, 45.66%, 33.92%) and in OKLCH oklch(39.391% 0.10521 268.83).

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

The complementary color of #2f417e is #5b4200. For a calmer combination use the analogous colors #004c78 and #4e3776. The triadic partners are #742b23 and #0b5523.

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

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

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

#2f417e is a cool color. In OKLCH its hue is 269 degrees, its lightness 39.4% and its chroma 0.105.