ColorTool
Войти
#229CF5

#229cf5 ≈ Carolina Blue

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

#229cf5 — цвет из семейства «лазурные»; светлота: средняя, насыщенность: яркая. В модели RGB он состоит из 13,33% красного, 61,18% зелёного и 96,08% синего; при печати в CMYK используется 86,12% голубого, 36,33% пурпурного, 0% жёлтого и 3,92% чёрного. Угол цветового тона — 205,31°, насыщенность 91,34% и светлота 54,71% в модели HSL. Это холодный цвет, который часто ассоциируется с открытостью, свободой и спокойствием. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и кнопок призыва к действию. Текст цвета «чёрный» на этом фоне даёт контраст 7,14:1 (WCAG AAA). Ближайший именованный цвет — Carolina Blue (#56a0d3), ΔE 4,71.

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

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

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

  1. #229cf5
  2. #f57b22

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

  1. #229cf5
  2. #f52233
  3. #f5e522

Аналоговая

  1. #22f5e5
  2. #229cf5
  3. #2233f5

Триада

  1. #229cf5
  2. #f5229c
  3. #9cf522

Тетрада

  1. #229cf5
  2. #7b22f5
  3. #f57b22
  4. #9cf522

Квадрат

  1. #229cf5
  2. #e522f5
  3. #f57b22
  4. #33f522

Монохромная

  1. #054879
  2. #0974c2
  3. #229cf5
  4. #6bbdf8
  5. #b4defc

Тени

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

  1. #229cf5
  2. #1f8cdd
  3. #1b7dc4
  4. #186dac
  5. #145e93
  6. #114e7b
  7. #0e3e62
  8. #0a2f4a
  9. #071f31
  10. #031019
  11. #000000

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

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

  1. #229cf5
  2. #38a6f6
  3. #4eb0f7
  4. #64baf8
  5. #7ac4f9
  6. #91cefa
  7. #a7d7fb
  8. #bde1fc
  9. #d3ebfd
  10. #e9f5fe
  11. #ffffff

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

#229cf5, постепенно смешанный с серым.

  1. #229cf5
  2. #2b99e9
  3. #3596de
  4. #3e94d2
  5. #4891c6
  6. #518ebb
  7. #5a8baf
  8. #6488a3
  9. #6d8697
  10. #77838c
  11. #808080

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

Ахроматопсия #969696 ≈ 0.003% мужчин
Ахроматомалия #7999c4 ≈ 0.001% мужчин
Протанопия #71a0f9 ≈ 1.01% мужчин
Дейтеранопия #528ef3 ≈ 1.27% мужчин
Тританопия #00b2bd ≈ 0.0001% мужчин
Протаномалия #5b9ff7 ≈ 1.08% мужчин
Дейтераномалия #4394f4 ≈ 4.63% мужчин
Тританомалия #00a9d6 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-229cf5 {
  color: #229cf5;
}
Фон
.bg-229cf5 {
  background-color: #229cf5;
  color: #000000;
}
Рамка
.border-229cf5 {
  border: 2px solid #229cf5;
}
CSS-переменные
:root {
  --color-primary: #229cf5;
  --color-primary-rgb: 34 156 245;
  --color-primary-hsl: 205 91% 55%;
}
Градиент
.gradient-229cf5 {
  background: linear-gradient(135deg, #229cf5, #2233f5);
}
Цветная тень
.shadow-229cf5 {
  box-shadow: 0 8px 24px rgb(34 156 245 / 0.35);
}

#56a0d3 Carolina Blue ΔE 4.71 #1e90ff Dodger Blue ΔE 4.82 #318ce7 Bleu de France ΔE 5.65 #71a6d2 Iceberg ΔE 6.89 #5b92e5 United Nations Blue ΔE 6.96 #6495ed Cornflower Blue ΔE 7.94 #4682b4 Steel Blue ΔE 10.28 #dd630a Инвертированный #969696 Оттенки серого 

Carolina Blue
#229cf5  rgb(34, 156, 245)  hsl(205, 91%, 55%)  Carolina Blue
#f57b22  rgb(245, 123, 34)  hsl(25, 91%, 55%)  Pumpkin
#f5229c  rgb(245, 34, 156)  hsl(325, 91%, 55%)  Persian Rose
#9cf522  rgb(156, 245, 34)  hsl(85, 91%, 55%)  Spring Bud