#7686CF
≈ cornflowerblue · rgb(118, 134, 207)
Color formats
HEX#7686CF
RGBrgb(118, 134, 207)
HSLhsl(229, 48%, 64%)
HSVhsv(229, 43%, 81%)
OKLCHoklch(64% 0.11 273)
CMYKcmyk(43%, 35%, 0%, 19%)
Contrast & accessibility
On white3.45:1below AA
On black6.08:1AA pass
Best text color#000000
Nearest CSS name: cornflowerblue
Copy-ready code
CSS custom properties
:root {
--cornflowerblue: #7686cf;
--cornflowerblue-rgb: 118 134 207;
--cornflowerblue-oklch: oklch(64% 0.11 273);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--cornflowerblue-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#7686cf] text-[#7686cf] border-[#7686cf]
Shades & tints
50
#ECEDF2
100
#E1E3EC
200
#CACEE1
300
#B0B7D9
400
#949FD3
500
#7686CF
600
#495DBA
700
#384688
800
#272F57
900
#131728
950
#080A11
Color harmonies
Complementary
#CFBF76
Analogous −30°
#76B3CF
Analogous +30°
#9276CF
Triadic +120°
#CF7686
Triadic −120°
#86CF76
About this color
#7686CF is a color with the RGB value rgb(118, 134, 207). Its closest CSS named color is "cornflowerblue". On this page you'll find every format (HEX, RGB, HSL, HSV, OKLCH, CMYK), WCAG contrast against white and black, a full 50–950 shade scale, and complementary, analogous and triadic harmonies — each linking to its own color page.