# #338cd9 color: Magical Merlin

#338cd9 is rgb(51, 140, 217) in RGB and oklch(62.428% 0.14305 248.643) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/338cd9

## Formats

| Format | Value |
| --- | --- |
| HEX | #338cd9 |
| RGB | rgb(51, 140, 217) |
| HSL | hsl(207.83, 68.6%, 52.55%) |
| HSB / HSV | hsv(207.83 76.5% 85.1%) |
| HWB | hwb(207.83 20% 14.9%) |
| CMYK | cmyk(76% 35% 0% 15%) |
| Lab | lab(55.83 -6.55 -47.78) |
| LCH | lch(55.83 48.23 262.19) |
| OKLab | oklab(62.428% -0.05209 -0.13322) |
| OKLCH | oklch(62.428% 0.14305 248.643) |
| Display P3 | color(display-p3 0.3011 0.54166 0.82741) |
| Rec. 2020 | color(rec2020 0.35037 0.4912 0.80317) |
| Adobe RGB | color(a98-rgb 0.3484 0.54411 0.83696) |
| ProPhoto RGB | color(prophoto-rgb 0.41082 0.46485 0.77493) |
| Linear sRGB | color(srgb-linear 0.0331 0.26225 0.69387) |
| XYZ D65 | color(xyz-d65 0.23266 0.24469 0.69145) |
| XYZ D50 | color(xyz-d50 0.21472 0.23743 0.52141) |
| SwiftUI | Color(red: 0.2, green: 0.549, blue: 0.851) |
| UIKit | UIColor(red: 0.2, green: 0.549, blue: 0.851, alpha: 1) |
| Flutter / Compose | Color(0xFF338CD9) |
| Android XML | #338CD9 |

## Facts

- Closest name: Magical Merlin
- Hue family: Blue, bright blue
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.56:1
- Contrast with black: 5.89:1

## Tints

#338cd9, #4c98de, #62a4e2, #76afe6, #8abbea, #9ec6ee, #b1d2f2, #c5ddf6, #d8e8f9, #ebf4fc

## Shades

#338cd9, #2b79bc, #2367a1, #1c5586, #14436c, #0d3353, #07233b, #031425, #010711, #000102

## Tones

#338cd9, #408cd1, #4b8cc9, #548cc1, #5d8cb9, #658bb1, #6d8ba9, #748aa1, #7a8998, #818890

## Harmonies

- Complementary: #338cd9, #be7400
- Split: #338cd9, #ce6441, #9e8700
- Analogous: #338cd9, #0099bd, #767cdc
- Triadic: #338cd9, #cd5e76, #6d972b
- Tetradic: #338cd9, #a06dc9, #be7400, #6d972b
- Square: #338cd9, #be62a4, #be7400, #07a166
- Monochromatic: #338cd9, #004489, #0067b1, #5cb2ff, #a3d8ff

## Questions about #338cd9

### What color is #338cd9?

#338cd9 is bright blue. The closest named color is Magical Merlin. In RGB it is rgb(51, 140, 217), in HSL hsl(207.83, 68.6%, 52.55%) and in OKLCH oklch(62.428% 0.14305 248.643).

### What colors go well with #338cd9?

The complementary color of #338cd9 is #be7400. For a calmer combination use the analogous colors #0099bd and #767cdc. The triadic partners are #cd5e76 and #6d972b.

### Is white or black text more readable on #338cd9?

White text reads better on #338cd9: white gives a contrast ratio of 3.56:1 and black gives 5.89:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #338cd9 a warm or cool color?

#338cd9 is a cool color. In OKLCH its hue is 249 degrees, its lightness 62.4% and its chroma 0.143.