ColorTool
Войти
#9FB8FF

#9fb8ff ≈ Light Steel Blue

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

#9fb8ff — цвет из семейства «синие»; светлота: высокая, насыщенность: умеренная. В модели RGB он состоит из 62,35% красного, 72,16% зелёного и 100% синего; при печати в CMYK используется 37,65% голубого, 27,84% пурпурного, 0% жёлтого и 0% чёрного. Угол цветового тона — 224,38°, насыщенность 100% и светлота 81,18% в модели HSL. Это холодный цвет, который часто ассоциируется с доверием, стабильностью и сосредоточенностью. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и мягких пастельных палитр. Текст цвета «чёрный» на этом фоне даёт контраст 10,77:1 (WCAG AAA). Ближайший именованный цвет — Light Steel Blue (#b0c4de), ΔE 8,05.

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

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

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

  1. #9fb8ff
  2. #ffe69f

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

  1. #9fb8ff
  2. #ffb69f
  3. #e8ff9f

Аналоговая

  1. #9fe8ff
  2. #9fb8ff
  3. #b69fff

Триада

  1. #9fb8ff
  2. #ff9fb8
  3. #b8ff9f

Тетрада

  1. #9fb8ff
  2. #e69fff
  3. #ffe69f
  4. #b8ff9f

Квадрат

  1. #9fb8ff
  2. #ff9fe8
  3. #ffe69f
  4. #9fffb6

Монохромная

  1. #0647ff
  2. #537fff
  3. #9fb8ff
  4. #ebf0ff
  5. #ebf0ff

Тени

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

  1. #9fb8ff
  2. #8fa6e6
  3. #7f93cc
  4. #6f81b3
  5. #5f6e99
  6. #505c80
  7. #404a66
  8. #30374d
  9. #202533
  10. #10121a
  11. #000000

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

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

  1. #9fb8ff
  2. #a9bfff
  3. #b2c6ff
  4. #bccdff
  5. #c5d4ff
  6. #cfdcff
  7. #d9e3ff
  8. #e2eaff
  9. #ecf1ff
  10. #f5f8ff
  11. #ffffff

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

#9fb8ff, постепенно смешанный с серым.

  1. #9fb8ff
  2. #9cb2f2
  3. #99ade6
  4. #96a7d9
  5. #93a2cc
  6. #909cc0
  7. #8c96b3
  8. #8991a6
  9. #868b99
  10. #83868d
  11. #808080

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

Ахроматопсия #bababa ≈ 0.003% мужчин
Ахроматомалия #b0b9d9 ≈ 0.001% мужчин
Протанопия #a0beff ≈ 1.01% мужчин
Дейтеранопия #98b6fd ≈ 1.27% мужчин
Тританопия #81c6d1 ≈ 0.0001% мужчин
Протаномалия #a0bcff ≈ 1.08% мужчин
Дейтераномалия #9bb7fe ≈ 4.63% мужчин
Тританомалия #8ec1e5 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-9fb8ff {
  color: #9fb8ff;
}
Фон
.bg-9fb8ff {
  background-color: #9fb8ff;
  color: #000000;
}
Рамка
.border-9fb8ff {
  border: 2px solid #9fb8ff;
}
CSS-переменные
:root {
  --color-primary: #9fb8ff;
  --color-primary-rgb: 159 184 255;
  --color-primary-hsl: 224 100% 81%;
}
Градиент
.gradient-9fb8ff {
  background: linear-gradient(135deg, #9fb8ff, #b69fff);
}
Цветная тень
.shadow-9fb8ff {
  box-shadow: 0 8px 24px rgb(159 184 255 / 0.35);
}

#b0c4de Light Steel Blue ΔE 8.05 #a2add0 Wild Blue Yonder ΔE 8.60 #71a6d2 Iceberg ΔE 10.45 #ccccff Periwinkle ΔE 10.45 #73c2fb Maya Blue ΔE 11.51 #6495ed Cornflower Blue ΔE 11.59 #bcd4e6 Pale Aqua ΔE 11.95 #604700 Инвертированный #bababa Оттенки серого 

Light Steel Blue
#9fb8ff  rgb(159, 184, 255)  hsl(224, 100%, 81%)  Light Steel Blue
#ffe69f  rgb(255, 230, 159)  hsl(44, 100%, 81%)  Vanilla
#ff9fb8  rgb(255, 159, 184)  hsl(344, 100%, 81%)  Flamingo Pink
#b8ff9f  rgb(184, 255, 159)  hsl(104, 100%, 81%)  Pale Green