#696ABB
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)Use the native HTML custom element.
#696ABB
Значения цвета
#696ABB
105, 106, 187
239,3, 37,6%, 57,3%
239,3, 43,9%, 73,3%
43,9%, 43,3%, 0,0%, 26,7%
0,5609 0,1236 281,1
Свойства
Психология цвета
True blue is the world's most popular favorite color, representing trust, competence, and stability. It suppresses appetite and promotes productivity, making it ideal for work environments. Blue is the dominant color in corporate branding because it communicates reliability without emotional excess.
Design Usage
Medium blue is the default choice for primary buttons, navigation bars, and link text across the web. It forms the foundation of design systems for banking, insurance, and enterprise SaaS products. While universally safe, it benefits from a distinctive hue angle or saturation to avoid blending into the sea of blue brands.
Цветовые гармонии
Симуляция цветовой слепоты
Использование в CSS
background-color: #696ABB;
color: #696ABB;
border-color: #696ABB;
Indigo 400
#818CF8
Оттенки Tailwind
Проверка контрастности
Текст на белом
4,79:1
Текст на чёрном
4,38:1
Сравнить с
Похожие статьи
Часто задаваемые вопросы
What are the RGB, HSL, and CMYK values of #696ABB?
RGB(105, 106, 187) · HSL(239,3, 37,6%, 57,3%) · CMYK(43,9%, 43,3%, 0,0%, 26,7%)
Does #696ABB meet WCAG contrast on white?
4,79:1 — WCAG AA Соответствует, AAA Не соответствует for normal text.
What text color is readable on #696ABB?
Use FFFFFF text on a #696ABB background; contrast on black is 4,38:1.