ColorTool
Войти
#56CAEE

#56caee ≈ Sky Blue

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

#56caee — цвет из семейства «голубые»; светлота: высокая, насыщенность: сильная. В модели RGB он состоит из 33,73% красного, 79,22% зелёного и 93,33% синего; при печати в CMYK используется 63,87% голубого, 15,13% пурпурного, 0% жёлтого и 6,67% чёрного. Угол цветового тона — 194,21°, насыщенность 81,72% и светлота 63,53% в модели HSL. Это холодный цвет, который часто ассоциируется с свежестью, технологиями и ясностью. Дизайнеры обычно используют его для: здоровья и велнеса, технологических продуктов и кнопок призыва к действию. Текст цвета «чёрный» на этом фоне даёт контраст 11,08:1 (WCAG AAA). Ближайший именованный цвет — Sky Blue (#87ceeb), ΔE 4,67.

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

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

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

  1. #56caee
  2. #ee7a56

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

  1. #56caee
  2. #ee567e
  3. #eec656

Аналоговая

  1. #56eec6
  2. #56caee
  3. #567eee

Триада

  1. #56caee
  2. #ee56ca
  3. #caee56

Тетрада

  1. #56caee
  2. #7a56ee
  3. #ee7a56
  4. #caee56

Квадрат

  1. #56caee
  2. #c656ee
  3. #ee7a56
  4. #7eee56

Монохромная

  1. #107a9b
  2. #17b1e1
  3. #56caee
  4. #9ce0f5
  5. #e1f6fc

Тени

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

  1. #56caee
  2. #4db6d6
  3. #45a2be
  4. #3c8da7
  5. #34798f
  6. #2b6577
  7. #22515f
  8. #1a3d47
  9. #112830
  10. #091418
  11. #000000

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

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

  1. #56caee
  2. #67cff0
  3. #78d5f1
  4. #89daf3
  5. #9adff5
  6. #abe5f7
  7. #bbeaf8
  8. #cceffa
  9. #ddf4fc
  10. #eefafd
  11. #ffffff

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

#56caee, постепенно смешанный с серым.

  1. #56caee
  2. #5ac3e3
  3. #5ebbd8
  4. #63b4cd
  5. #67acc2
  6. #6ba5b7
  7. #6f9eac
  8. #7396a1
  9. #788f96
  10. #7c878b
  11. #808080

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

Ахроматопсия #bcbcbc ≈ 0.003% мужчин
Ахроматомалия #9ec2d2 ≈ 0.001% мужчин
Протанопия #b5c5f0 ≈ 1.01% мужчин
Дейтеранопия #9fb5ee ≈ 1.27% мужчин
Тританопия #00d5d5 ≈ 0.0001% мужчин
Протаномалия #98c7ef ≈ 1.08% мужчин
Дейтераномалия #88beee ≈ 4.63% мужчин
Тританомалия #00d1e0 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-56caee {
  color: #56caee;
}
Фон
.bg-56caee {
  background-color: #56caee;
  color: #000000;
}
Рамка
.border-56caee {
  border: 2px solid #56caee;
}
CSS-переменные
:root {
  --color-primary: #56caee;
  --color-primary-rgb: 86 202 238;
  --color-primary-hsl: 194 82% 64%;
}
Градиент
.gradient-56caee {
  background: linear-gradient(135deg, #56caee, #567eee);
}
Цветная тень
.shadow-56caee {
  box-shadow: 0 8px 24px rgb(86 202 238 / 0.35);
}

#87ceeb Sky Blue ΔE 4.67 #89cff0 Baby Blue ΔE 5.20 #87cefa Light Sky Blue ΔE 6.90 #00bfff Deep Sky Blue ΔE 7.09 #73c2fb Maya Blue ΔE 8.66 #a4dded Non-Photo Blue ΔE 9.26 #73a9c2 Moonstone Blue ΔE 10.01 #a93511 Инвертированный #bcbcbc Оттенки серого 

Sky Blue
#56caee  rgb(86, 202, 238)  hsl(194, 82%, 64%)  Sky Blue
#ee7a56  rgb(238, 122, 86)  hsl(14, 82%, 64%)  Burnt Sienna
#ee56ca  rgb(238, 86, 202)  hsl(314, 82%, 64%)  Rose Pink
#caee56  rgb(202, 238, 86)  hsl(74, 82%, 64%)  Inchworm