Color
Best on a desktop
Color works here, but it is designed for a larger screen and a mouse.
Closest named color: steelblue
Drop or paste an image to pick from it, or paste a color. Nothing leaves your browser.
Formats
- HEX
#3d6b8f- RGB
rgb(61 107 143)- HSL
hsl(206.3 40.2% 40%)- HWB
hwb(206.3 23.9% 43.9%)- OKLCH
oklch(51.06% 0.0766 243.71)- OKLab
oklab(51.06% -0.0339 -0.0687)- Lab
lab(43.13 -7.84 -25.02)- LCH
lch(43.13 26.22 252.59)- CMYK
cmyk(57%, 25%, 0%, 44%)Naive conversion, no color profile.- CSS
--color: #3d6b8f;
Contrast
Text
#3d6b8fCurrent5.67:1
Passes AA; AAA only for large text
- AANormal text4.5passes
- AALarge text3passes
- AAANormal text7fails
- AAALarge text4.5passes
- UIIcons & borders3passes
Large text, 24 px
Body text at 16 px. Pack my box with five dozen liquor jugs.
Already reaches 4.5:1.
Contrast 5.67 to 1. Passes AA; AAA only for large text.
Palette
Tints and shades
- 50#f0f6fc
- 100#deecf8
- 200#c4ddf1
- 300#a1c5e3
- 400#7aa5c9
- 500#6291b7
- 600#507fa4
- 700#40698a
- 800#345773
- 900#2d4a61
- 950#182d3d
Complementary
- #3d6b8f
- #855c35
Analogous
- #247181
- #3d6b8f
- #586392
Triadic
- #3d6b8f
- #8b5361
- #5d6e3b
Split complementary
- #3d6b8f
- #8d5649
- #75652e
Tetradic
- #3d6b8f
- #815579
- #855c35
- #417352
Recent
Colors you settle on appear here, remembered in this browser.