Soothing Sapphire
#307dd3
Soothing Sapphire is a color with the hex code #307dd3. Below you'll find its exact RGB, HSL, CMYK, and OKLCH values, ready to copy into any design tool.
Color values
| HEX | #307dd3 | |
|---|---|---|
| RGB | rgb(48, 125, 211) | |
| HSL | hsl(212, 65%, 51%) | |
| CMYK | cmyk(77%, 41%, 0%, 17%) | |
| LAB | lab(51, -1, -52) | |
| OKLCH | oklch(0.59 0.152 254) |
Color harmonies
Tints & shades
Code snippets
color: #307dd3;
background-color: #307dd3;
/* Tailwind CSS (closest default swatch, not an exact match) */
bg-blue-500 /* ≈ #2b7fff */
/* Flutter */
Color(0xFF307DD3)
/* Swift / UIKit */
UIColor(red: 0.19, green: 0.49, blue: 0.83, alpha: 1.0)