ColorTool
Войти
#2A70AA

#2a70aa ≈ French Blue

  • лазурные
  • Светлота: средняя
  • Насыщенность: сильная
  • Холодный
Проверить контраст Открыть в графе Случайный цвет

#2a70aa — цвет из семейства «лазурные»; светлота: средняя, насыщенность: сильная. В модели RGB он состоит из 16,47% красного, 43,92% зелёного и 66,67% синего; при печати в CMYK используется 75,29% голубого, 34,12% пурпурного, 0% жёлтого и 33,33% чёрного. Угол цветового тона — 207,19°, насыщенность 60,38% и светлота 41,57% в модели HSL. Это холодный цвет, который часто ассоциируется с открытостью, свободой и спокойствием. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «белый» на этом фоне даёт контраст 5,25:1 (WCAG AA). Ближайший именованный цвет — French Blue (#0072bb), ΔE 2,04.

Описание создано на основе измеренных свойств этого цвета.

HEX
RGB
RGB в процентах
CMY
CMYK
HSL
HSV / HSB
Безопасный веб-цвет#336699
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Двоичный
Десятичный
Относительная яркость0.1498

Комплементарная

  1. #2a70aa
  2. #aa642a

Расщеплённая комплементарная

  1. #2a70aa
  2. #aa2a30
  3. #aaa42a

Аналоговая

  1. #2aaaa4
  2. #2a70aa
  3. #2a30aa

Триада

  1. #2a70aa
  2. #aa2a70
  3. #70aa2a

Тетрада

  1. #2a70aa
  2. #642aaa
  3. #aa642a
  4. #70aa2a

Квадрат

  1. #2a70aa
  2. #a42aaa
  3. #aa642a
  4. #30aa2a

Монохромная

  1. #0c1f2f
  2. #1b486d
  3. #2a70aa
  4. #4d97d3
  5. #8bbbe2

Тени

#2a70aa, постепенно смешанный с чёрным.

  1. #2a70aa
  2. #266599
  3. #225a88
  4. #1d4e77
  5. #194366
  6. #153855
  7. #112d44
  8. #0d2233
  9. #081622
  10. #040b11
  11. #000000

Светлые оттенки

#2a70aa, постепенно смешанный с белым.

  1. #2a70aa
  2. #3f7eb3
  3. #558dbb
  4. #6a9bc4
  5. #7fa9cc
  6. #95b8d5
  7. #aac6dd
  8. #bfd4e6
  9. #d4e2ee
  10. #eaf1f7
  11. #ffffff

Приглушённые оттенки

#2a70aa, постепенно смешанный с серым.

  1. #2a70aa
  2. #3372a6
  3. #3b73a2
  4. #44759d
  5. #4c7699
  6. #557895
  7. #5e7a91
  8. #667b8d
  9. #6f7d88
  10. #777e84
  11. #808080

Читаемый текст 5.25:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Читаемый текст 4:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Ахроматопсия #6c6c6c ≈ 0.003% мужчин
Ахроматомалия #596e89 ≈ 0.001% мужчин
Протанопия #5573ac ≈ 1.01% мужчин
Дейтеранопия #4367a9 ≈ 1.27% мужчин
Тританопия #007e85 ≈ 0.0001% мужчин
Протаномалия #4872ab ≈ 1.08% мужчин
Дейтераномалия #3b6aa9 ≈ 4.63% мужчин
Тританомалия #007995 ≈ 0.0002% мужчин
Смоделировать на своём изображении

Текст этого цвета

Фон этого цвета

Рамка этого цвета

Цвет текста
.text-2a70aa {
  color: #2a70aa;
}
Фон
.bg-2a70aa {
  background-color: #2a70aa;
  color: #ffffff;
}
Рамка
.border-2a70aa {
  border: 2px solid #2a70aa;
}
CSS-переменные
:root {
  --color-primary: #2a70aa;
  --color-primary-rgb: 42 112 170;
  --color-primary-hsl: 207 60% 42%;
}
Градиент
.gradient-2a70aa {
  background: linear-gradient(135deg, #2a70aa, #2a30aa);
}
Цветная тень
.shadow-2a70aa {
  box-shadow: 0 8px 24px rgb(42 112 170 / 0.35);
}

#0072bb French Blue ΔE 2.04 #0067a5 Medium Persian Blue ΔE 3.58 #0073cf True Blue ΔE 3.91 #436b95 Queen Blue ΔE 4.22 #26619c Lapis Lazuli ΔE 5.55 #006994 Sea Blue ΔE 5.97 #417dc1 Tufts Blue ΔE 6.03 #d58f55 Инвертированный #6c6c6c Оттенки серого 

French Blue
#2a70aa  rgb(42, 112, 170)  hsl(207, 60%, 42%)  French Blue
#aa642a  rgb(170, 100, 42)  hsl(27, 60%, 42%)  Ginger
#aa2a70  rgb(170, 42, 112)  hsl(327, 60%, 42%)  Jazzberry Jam
#70aa2a  rgb(112, 170, 42)  hsl(87, 60%, 42%)  Kelly Green