# #2f76b2 color: North Atlantic Breeze

#2f76b2 is rgb(47, 118, 178) in RGB and oklch(54.999% 0.11716 247.542) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2f76b2 |
| RGB | rgb(47, 118, 178) |
| HSL | hsl(207.48, 58.22%, 44.12%) |
| HSB / HSV | hsv(207.48 73.6% 69.8%) |
| HWB | hwb(207.48 18.43% 30.2%) |
| CMYK | cmyk(74% 34% 0% 30%) |
| Lab | lab(47.39 -6.82 -38.94) |
| LCH | lch(47.39 39.53 260.07) |
| OKLab | oklab(54.999% -0.04476 -0.10827) |
| OKLCH | oklch(54.999% 0.11716 247.542) |
| Display P3 | color(display-p3 0.26136 0.45666 0.67922) |
| Rec. 2020 | color(rec2020 0.28503 0.40065 0.64082) |
| Adobe RGB | color(a98-rgb 0.30217 0.45988 0.68441) |
| ProPhoto RGB | color(prophoto-rgb 0.33203 0.378 0.60697) |
| Linear sRGB | color(srgb-linear 0.02843 0.18116 0.4452) |
| XYZ D65 | color(xyz-d65 0.15685 0.16775 0.44532) |
| XYZ D50 | color(xyz-d50 0.14587 0.16319 0.3359) |
| SwiftUI | Color(red: 0.184, green: 0.463, blue: 0.698) |
| UIKit | UIColor(red: 0.184, green: 0.463, blue: 0.698, alpha: 1) |
| Flutter / Compose | Color(0xFF2F76B2) |
| Android XML | #2F76B2 |

## Facts

- Closest name: North Atlantic Breeze
- Hue family: Blue, bright blue
- Closest Tailwind class: sky-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.82:1
- Contrast with black: 4.36:1

## Tints

#2f76b2, #4684ba, #5c91c2, #709fca, #84acd2, #99bada, #adc8e2, #c1d5e9, #d6e3f1, #eaf1f8

## Shades

#2f76b2, #27669a, #205683, #19476d, #123857, #0c2943, #061c2f, #030f1d, #01050c, #000101

## Tones

#2f76b2, #3976ac, #4176a5, #49769f, #4f7599, #567592, #5c748c, #627485, #67737f, #6c7278

## Harmonies

- Complementary: #2f76b2, #9e620c
- Split: #2f76b2, #aa563d, #857100
- Analogous: #2f76b2, #00819e, #6269b5
- Triadic: #2f76b2, #a95165, #5e7e2a
- Tetradic: #2f76b2, #845da6, #9e620c, #5e7e2a
- Square: #2f76b2, #9c548a, #9e620c, #218656
- Monochromatic: #2f76b2, #003167, #00538c, #559bd9, #7bc1ff

## Questions about #2f76b2

### What color is #2f76b2?

#2f76b2 is bright blue. The closest named color is North Atlantic Breeze. In RGB it is rgb(47, 118, 178), in HSL hsl(207.48, 58.22%, 44.12%) and in OKLCH oklch(54.999% 0.11716 247.542).

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

The complementary color of #2f76b2 is #9e620c. For a calmer combination use the analogous colors #00819e and #6269b5. The triadic partners are #a95165 and #5e7e2a.

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

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

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

#2f76b2 is a cool color. In OKLCH its hue is 248 degrees, its lightness 55% and its chroma 0.117.