ColorTool
Войти
#23A7BC

#23a7bc ≈ Bondi Blue

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

#23a7bc — цвет из семейства «голубые»; светлота: средняя, насыщенность: сильная. В модели RGB он состоит из 13,73% красного, 65,49% зелёного и 73,73% синего; при печати в CMYK используется 81,38% голубого, 11,17% пурпурного, 0% жёлтого и 26,27% чёрного. Угол цветового тона — 188,24°, насыщенность 68,61% и светлота 43,73% в модели HSL. Это холодный цвет, который часто ассоциируется с свежестью, технологиями и ясностью. Дизайнеры обычно используют его для: здоровья и велнеса, технологических продуктов и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 7,33:1 (WCAG AAA). Ближайший именованный цвет — Bondi Blue (#0095b6), ΔE 7,06.

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

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

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

  1. #23a7bc
  2. #bc3823

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

  1. #23a7bc
  2. #bc235a
  3. #bc8523

Аналоговая

  1. #23bc85
  2. #23a7bc
  3. #235abc

Триада

  1. #23a7bc
  2. #bc23a7
  3. #a7bc23

Тетрада

  1. #23a7bc
  2. #3823bc
  3. #bc3823
  4. #a7bc23

Квадрат

  1. #23a7bc
  2. #8523bc
  3. #bc3823
  4. #5abc23

Монохромная

  1. #0b343b
  2. #176e7c
  3. #23a7bc
  4. #4ecade
  5. #8eddea

Тени

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

  1. #23a7bc
  2. #2096a9
  3. #1c8696
  4. #197584
  5. #156471
  6. #12545e
  7. #0e434b
  8. #0b3238
  9. #072126
  10. #041113
  11. #000000

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

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

  1. #23a7bc
  2. #39b0c3
  3. #4fb9c9
  4. #65c1d0
  5. #7bcad7
  6. #91d3de
  7. #a7dce4
  8. #bde5eb
  9. #d3edf2
  10. #e9f6f8
  11. #ffffff

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

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

  1. #23a7bc
  2. #2ca3b6
  3. #369fb0
  4. #3f9baa
  5. #4897a4
  6. #52949e
  7. #5b9098
  8. #648c92
  9. #6d888c
  10. #778486
  11. #808080

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

Ахроматопсия #989898 ≈ 0.003% мужчин
Ахроматомалия #7b9fa8 ≈ 0.001% мужчин
Протанопия #96a1bd ≈ 1.01% мужчин
Дейтеранопия #8292bc ≈ 1.27% мужчин
Тританопия #00b0ad ≈ 0.0001% мужчин
Протаномалия #79a3bd ≈ 1.08% мужчин
Дейтераномалия #699bbc ≈ 4.63% мужчин
Тританомалия #00acb3 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-23a7bc {
  color: #23a7bc;
}
Фон
.bg-23a7bc {
  background-color: #23a7bc;
  color: #000000;
}
Рамка
.border-23a7bc {
  border: 2px solid #23a7bc;
}
CSS-переменные
:root {
  --color-primary: #23a7bc;
  --color-primary-rgb: 35 167 188;
  --color-primary-hsl: 188 69% 44%;
}
Градиент
.gradient-23a7bc {
  background: linear-gradient(135deg, #23a7bc, #235abc);
}
Цветная тень
.shadow-23a7bc {
  box-shadow: 0 8px 24px rgb(35 167 188 / 0.35);
}

#0095b6 Bondi Blue ΔE 7.06 #5f9ea0 Cadet Blue ΔE 7.83 #73a9c2 Moonstone Blue ΔE 8.98 #43b3ae Verdigris ΔE 10.10 #0abab5 Tiffany Blue ΔE 11.20 #20b2aa Light Sea Green ΔE 11.35 #008b8b Dark Cyan ΔE 12.56 #dc5843 Инвертированный #989898 Оттенки серого 

Bondi Blue
#23a7bc  rgb(35, 167, 188)  hsl(188, 69%, 44%)  Bondi Blue
#bc3823  rgb(188, 56, 35)  hsl(8, 69%, 44%)  Venetian Red
#bc23a7  rgb(188, 35, 167)  hsl(308, 69%, 44%)  Medium Violet Red
#a7bc23  rgb(167, 188, 35)  hsl(68, 69%, 44%)  Apple Green