ColorTool
Войти
#83E9FD

#83e9fd ≈ Non-Photo Blue

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

#83e9fd — цвет из семейства «голубые»; светлота: высокая, насыщенность: умеренная. В модели RGB он состоит из 51,37% красного, 91,37% зелёного и 99,22% синего; при печати в CMYK используется 48,22% голубого, 7,91% пурпурного, 0% жёлтого и 0,78% чёрного. Угол цветового тона — 189,84°, насыщенность 96,83% и светлота 75,29% в модели HSL. Это холодный цвет, который часто ассоциируется с свежестью, технологиями и ясностью. Дизайнеры обычно используют его для: здоровья и велнеса, технологических продуктов и мягких пастельных палитр. Текст цвета «чёрный» на этом фоне даёт контраст 15,04:1 (WCAG AAA). Ближайший именованный цвет — Non-Photo Blue (#a4dded), ΔE 6.

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

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

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

  1. #83e9fd
  2. #fd9783

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

  1. #83e9fd
  2. #fd83ac
  3. #fdd483

Аналоговая

  1. #83fdd4
  2. #83e9fd
  3. #83acfd

Триада

  1. #83e9fd
  2. #fd83e9
  3. #e9fd83

Тетрада

  1. #83e9fd
  2. #9783fd
  3. #fd9783
  4. #e9fd83

Квадрат

  1. #83e9fd
  2. #d483fd
  3. #fd9783
  4. #acfd83

Монохромная

  1. #04bfe3
  2. #38dcfc
  3. #83e9fd
  4. #cef6fe
  5. #ebfbff

Тени

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

  1. #83e9fd
  2. #76d2e4
  3. #69baca
  4. #5ca3b1
  5. #4f8c98
  6. #42757f
  7. #345d65
  8. #27464c
  9. #1a2f33
  10. #0d1719
  11. #000000

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

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

  1. #83e9fd
  2. #8febfd
  3. #9cedfd
  4. #a8f0fe
  5. #b5f2fe
  6. #c1f4fe
  7. #cdf6fe
  8. #daf8fe
  9. #e6fbff
  10. #f3fdff
  11. #ffffff

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

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

  1. #83e9fd
  2. #83dff1
  3. #82d4e4
  4. #82cad8
  5. #82bfcb
  6. #82b5bf
  7. #81aab2
  8. #81a0a6
  9. #819599
  10. #808b8d
  11. #808080

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

Ахроматопсия #dadada ≈ 0.003% мужчин
Ахроматомалия #bee0e9 ≈ 0.001% мужчин
Протанопия #d9e2fe ≈ 1.01% мужчин
Дейтеранопия #c5d4fd ≈ 1.27% мужчин
Тританопия #3df2ef ≈ 0.0001% мужчин
Протаномалия #bce5fe ≈ 1.08% мужчин
Дейтераномалия #afddfd ≈ 4.63% мужчин
Тританомалия #61eef5 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-83e9fd {
  color: #83e9fd;
}
Фон
.bg-83e9fd {
  background-color: #83e9fd;
  color: #000000;
}
Рамка
.border-83e9fd {
  border: 2px solid #83e9fd;
}
CSS-переменные
:root {
  --color-primary: #83e9fd;
  --color-primary-rgb: 131 233 253;
  --color-primary-hsl: 190 97% 75%;
}
Градиент
.gradient-83e9fd {
  background: linear-gradient(135deg, #83e9fd, #83acfd);
}
Цветная тень
.shadow-83e9fd {
  box-shadow: 0 8px 24px rgb(131 233 253 / 0.35);
}

#a4dded Non-Photo Blue ΔE 6.00 #7df9ff Electric Blue ΔE 6.45 #b0e0e6 Powder Blue ΔE 7.73 #afeeee Pale Turquoise ΔE 7.77 #87ceeb Sky Blue ΔE 8.02 #b2ffff Celeste ΔE 8.56 #add8e6 Light Blue ΔE 8.71 #7c1602 Инвертированный #dadada Оттенки серого 

Non-Photo Blue
#83e9fd  rgb(131, 233, 253)  hsl(190, 97%, 75%)  Non-Photo Blue
#fd9783  rgb(253, 151, 131)  hsl(10, 97%, 75%)  Vivid Tangerine
#fd83e9  rgb(253, 131, 233)  hsl(310, 97%, 75%)  Violet
#e9fd83  rgb(233, 253, 131)  hsl(70, 97%, 75%)  Pastel Yellow