ColorTool
Войти
#C2E0FF

#c2e0ff ≈ Pale Aqua

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

#c2e0ff — цвет из семейства «лазурные»; светлота: очень высокая, насыщенность: приглушённая. В модели RGB он состоит из 76,08% красного, 87,84% зелёного и 100% синего; при печати в CMYK используется 23,92% голубого, 12,16% пурпурного, 0% жёлтого и 0% чёрного. Угол цветового тона — 210,49°, насыщенность 100% и светлота 88,04% в модели HSL. Это холодный цвет, который часто ассоциируется с открытостью, свободой и спокойствием. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и мягких пастельных палитр. Текст цвета «чёрный» на этом фоне даёт контраст 15,4:1 (WCAG AAA). Ближайший именованный цвет — Pale Aqua (#bcd4e6), ΔE 5,06.

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

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

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

  1. #c2e0ff
  2. #ffe1c2

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

  1. #c2e0ff
  2. #ffc3c2
  3. #ffffc2

Аналоговая

  1. #c2ffff
  2. #c2e0ff
  3. #c3c2ff

Триада

  1. #c2e0ff
  2. #ffc2e0
  3. #e0ffc2

Тетрада

  1. #c2e0ff
  2. #e1c2ff
  3. #ffe1c2
  4. #e0ffc2

Квадрат

  1. #c2e0ff
  2. #ffc2ff
  3. #ffe1c2
  4. #c2ffc3

Монохромная

  1. #2992ff
  2. #76b9ff
  3. #c2e0ff
  4. #ebf5ff
  5. #ebf5ff

Тени

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

  1. #c2e0ff
  2. #afcae6
  3. #9bb3cc
  4. #889db3
  5. #748699
  6. #617080
  7. #4e5a66
  8. #3a434d
  9. #272d33
  10. #13161a
  11. #000000

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

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

  1. #c2e0ff
  2. #c8e3ff
  3. #cee6ff
  4. #d4e9ff
  5. #daecff
  6. #e1f0ff
  7. #e7f3ff
  8. #edf6ff
  9. #f3f9ff
  10. #f9fcff
  11. #ffffff

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

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

  1. #c2e0ff
  2. #bbd6f2
  3. #b5cde6
  4. #aec3d9
  5. #a8bacc
  6. #a1b0c0
  7. #9aa6b3
  8. #949da6
  9. #8d9399
  10. #878a8d
  11. #808080

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

Ахроматопсия #dddddd ≈ 0.003% мужчин
Ахроматомалия #d2deeb ≈ 0.001% мужчин
Протанопия #d5e0ff ≈ 1.01% мужчин
Дейтеранопия #cddafe ≈ 1.27% мужчин
Тританопия #b1e7ea ≈ 0.0001% мужчин
Протаномалия #cde0ff ≈ 1.08% мужчин
Дейтераномалия #c9dcff ≈ 4.63% мужчин
Тританомалия #b8e4f3 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#bcd4e6 Pale Aqua ΔE 5.06 #b9d9eb Columbia Blue ΔE 5.58 #b0c4de Light Steel Blue ΔE 6.96 #add8e6 Light Blue ΔE 9.07 #87cefa Light Sky Blue ΔE 9.42 #89cff0 Baby Blue ΔE 9.95 #aec6cf Pastel Blue ΔE 10.30 #3d1f00 Инвертированный #dddddd Оттенки серого 

Pale Aqua
#c2e0ff  rgb(194, 224, 255)  hsl(210, 100%, 88%)  Pale Aqua
#ffe1c2  rgb(255, 225, 194)  hsl(30, 100%, 88%)  Bisque
#ffc2e0  rgb(255, 194, 224)  hsl(330, 100%, 88%)  Nadeshiko Pink
#e0ffc2  rgb(224, 255, 194)  hsl(90, 100%, 88%)  Tea Green