ColorTool
Войти
#CBC5F3

#cbc5f3 ≈ Periwinkle

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

#cbc5f3 — цвет из семейства «синие»; светлота: очень высокая, насыщенность: приглушённая. В модели RGB он состоит из 79,61% красного, 77,25% зелёного и 95,29% синего; при печати в CMYK используется 16,46% голубого, 18,93% пурпурного, 0% жёлтого и 4,71% чёрного. Угол цветового тона — 247,83°, насыщенность 65,71% и светлота 86,27% в модели HSL. Это холодный цвет, который часто ассоциируется с доверием, стабильностью и сосредоточенностью. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и мягких пастельных палитр. Текст цвета «чёрный» на этом фоне даёт контраст 12,82:1 (WCAG AAA). Ближайший именованный цвет — Periwinkle (#ccccff), ΔE 2,88.

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

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

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

  1. #cbc5f3
  2. #edf3c5

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

  1. #cbc5f3
  2. #f3e2c5
  3. #d6f3c5

Аналоговая

  1. #c5d6f3
  2. #cbc5f3
  3. #e2c5f3

Триада

  1. #cbc5f3
  2. #f3cbc5
  3. #c5f3cb

Тетрада

  1. #cbc5f3
  2. #f3c5ed
  3. #edf3c5
  4. #c5f3cb

Квадрат

  1. #cbc5f3
  2. #f3c5d6
  3. #edf3c5
  4. #c5f3e2

Монохромная

  1. #5946d9
  2. #9286e6
  3. #cbc5f3
  4. #f0eefc
  5. #f0eefc

Тени

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

  1. #cbc5f3
  2. #b7b1db
  3. #a29ec2
  4. #8e8aaa
  5. #7a7692
  6. #66637a
  7. #514f61
  8. #3d3b49
  9. #292731
  10. #141418
  11. #000000

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

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

  1. #cbc5f3
  2. #d0cbf4
  3. #d5d1f5
  4. #dbd6f7
  5. #e0dcf8
  6. #e5e2f9
  7. #eae8fa
  8. #efeefb
  9. #f5f3fd
  10. #faf9fe
  11. #ffffff

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

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

  1. #cbc5f3
  2. #c4bee8
  3. #bcb7dc
  4. #b5b0d1
  5. #ada9c5
  6. #a6a3ba
  7. #9e9cae
  8. #9795a3
  9. #8f8e97
  10. #88878c
  11. #808080

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

Ахроматопсия #cacaca ≈ 0.003% мужчин
Ахроматомалия #cac8dc ≈ 0.001% мужчин
Протанопия #bbcbf5 ≈ 1.01% мужчин
Дейтеранопия #bbc9f2 ≈ 1.27% мужчин
Тританопия #c3ccd4 ≈ 0.0001% мужчин
Протаномалия #c1c9f4 ≈ 1.08% мужчин
Дейтераномалия #c1c8f2 ≈ 4.63% мужчин
Тританомалия #c6c9e1 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-cbc5f3 {
  color: #cbc5f3;
}
Фон
.bg-cbc5f3 {
  background-color: #cbc5f3;
  color: #000000;
}
Рамка
.border-cbc5f3 {
  border: 2px solid #cbc5f3;
}
CSS-переменные
:root {
  --color-primary: #cbc5f3;
  --color-primary-rgb: 203 197 243;
  --color-primary-hsl: 248 66% 86%;
}
Градиент
.gradient-cbc5f3 {
  background: linear-gradient(135deg, #cbc5f3, #e2c5f3);
}
Цветная тень
.shadow-cbc5f3 {
  box-shadow: 0 8px 24px rgb(203 197 243 / 0.35);
}

#ccccff Periwinkle ΔE 2.88 #d6cadd Languid Lavender ΔE 8.80 #d8bfd8 Thistle ΔE 9.19 #a2add0 Wild Blue Yonder ΔE 9.69 #e0b0ff Mauve ΔE 10.15 #e6e6fa Lavender ΔE 10.89 #c9a0dc Wisteria ΔE 11.28 #343a0c Инвертированный #cacaca Оттенки серого 

Periwinkle
#cbc5f3  rgb(203, 197, 243)  hsl(248, 66%, 86%)  Periwinkle
#edf3c5  rgb(237, 243, 197)  hsl(68, 66%, 86%)  Light Goldenrod Yellow
#f3cbc5  rgb(243, 203, 197)  hsl(8, 66%, 86%)  Baby Pink
#c5f3cb  rgb(197, 243, 203)  hsl(128, 66%, 86%)  Tea Green