ColorTool
Войти
#3A86A3

#3a86a3 ≈ Bondi Blue

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

#3a86a3 — цвет из семейства «лазурные»; светлота: средняя, насыщенность: умеренная. В модели RGB он состоит из 22,75% красного, 52,55% зелёного и 63,92% синего; при печати в CMYK используется 64,42% голубого, 17,79% пурпурного, 0% жёлтого и 36,08% чёрного. Угол цветового тона — 196,57°, насыщенность 47,51% и светлота 43,33% в модели HSL. Это холодный цвет, который часто ассоциируется с открытостью, свободой и спокойствием. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 5,12:1 (WCAG AA). Ближайший именованный цвет — Bondi Blue (#0095b6), ΔE 5,71.

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

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

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

  1. #3a86a3
  2. #a3573a

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

  1. #3a86a3
  2. #a33a51
  3. #a38b3a

Аналоговая

  1. #3aa38b
  2. #3a86a3
  3. #3a51a3

Триада

  1. #3a86a3
  2. #a33a86
  3. #86a33a

Тетрада

  1. #3a86a3
  2. #573aa3
  3. #a3573a
  4. #86a33a

Квадрат

  1. #3a86a3
  2. #8b3aa3
  3. #a3573a
  4. #51a33a

Монохромная

  1. #122932
  2. #26586b
  3. #3a86a3
  4. #62abc7
  5. #9bc9db

Тени

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

  1. #3a86a3
  2. #347993
  3. #2e6b82
  4. #295e72
  5. #235062
  6. #1d4352
  7. #173641
  8. #112831
  9. #0c1b21
  10. #060d10
  11. #000000

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

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

  1. #3a86a3
  2. #4e92ac
  3. #619eb5
  4. #75aabf
  5. #89b6c8
  6. #9dc3d1
  7. #b0cfda
  8. #c4dbe3
  9. #d8e7ed
  10. #ebf3f6
  11. #ffffff

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

#3a86a3, постепенно смешанный с серым.

  1. #3a86a3
  2. #4185a0
  3. #48859c
  4. #4f8499
  5. #568495
  6. #5d8392
  7. #64828e
  8. #6b828b
  9. #728187
  10. #798184
  11. #808080

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

Ахроматопсия #7d7d7d ≈ 0.003% мужчин
Ахроматомалия #69818e ≈ 0.001% мужчин
Протанопия #7683a4 ≈ 1.01% мужчин
Дейтеранопия #6879a3 ≈ 1.27% мужчин
Тританопия #008f8f ≈ 0.0001% мужчин
Протаномалия #6484a4 ≈ 1.08% мужчин
Дейтераномалия #597ea3 ≈ 4.63% мужчин
Тританомалия #008b98 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-3a86a3 {
  color: #3a86a3;
}
Фон
.bg-3a86a3 {
  background-color: #3a86a3;
  color: #000000;
}
Рамка
.border-3a86a3 {
  border: 2px solid #3a86a3;
}
CSS-переменные
:root {
  --color-primary: #3a86a3;
  --color-primary-rgb: 58 134 163;
  --color-primary-hsl: 197 48% 43%;
}
Градиент
.gradient-3a86a3 {
  background: linear-gradient(135deg, #3a86a3, #3a51a3);
}
Цветная тень
.shadow-3a86a3 {
  box-shadow: 0 8px 24px rgb(58 134 163 / 0.35);
}

#0095b6 Bondi Blue ΔE 5.71 #5d8aa8 Air Force Blue ΔE 5.77 #007ba7 Cerulean ΔE 6.04 #367588 Teal Blue ΔE 7.19 #4682b4 Steel Blue ΔE 7.95 #417dc1 Tufts Blue ΔE 11.20 #708090 Slate Gray ΔE 11.39 #c5795c Инвертированный #7d7d7d Оттенки серого 

Bondi Blue
#3a86a3  rgb(58, 134, 163)  hsl(197, 48%, 43%)  Bondi Blue
#a3573a  rgb(163, 87, 58)  hsl(17, 48%, 43%)  Sienna
#a33a86  rgb(163, 58, 134)  hsl(317, 48%, 43%)  Deep Plum
#86a33a  rgb(134, 163, 58)  hsl(77, 48%, 43%)  Moss Green