Перейти до вибору кольору

Колір #369aa2: Яскравий ціановий

#369aa2 у RGB це rgb(54, 154, 162), в OKLCH oklch(63.249% 0.09098 202.702). Нижче всі інші формати, відтінки і контраст.

Розпізнано: HEX

184°
100%

63,2%
0,091
203°
  • Ціановий
  • Середній
  • Яскравий
  • Холодний
  • ≈ Сланцевий
  • teal-600
  • Чорного 36%

В охопленні sRGB: однаково на будь-якому екрані.

Білий текст
3.33:1Погано читається
Lc -66
Чорний текст
6.30:1Читається · AA
Lc 44

Відтінки

Від найсвітлішого до найтемнішого. Натисніть на відтінок, щоб вибрати його.

Гармонії

Відкрити як палітру

Нещодавні

Тут з’являться кольори, на яких ви зупинилися або які скопіювали. Вони зберігаються лише на цьому пристрої.

Про колір #369aa2

#369aa2 це яскравий ціановий колір. В OKLCH у нього світлота 63,2%, хрома 0.091 і тон 203°.

В охопленні sRGB: однаково на будь-якому екрані.

Білий текст на ньому дає контраст 3.33:1, чорний 6.3:1, тому краще читається білий текст.

Найближчий колір із назвою: Сланцевий (#708090). Найближчий колір Tailwind CSS: teal-600.

Ще: середні ціанові кольори

Світліше: #369aa2 з білим

  1. 369aa2
  2. 50a4ab
  3. 66aeb4
  4. 7ab8bd
  5. 8ec2c7
  6. a1ccd0
  7. b4d6d9
  8. c7e0e3
  9. daebec
  10. ecf5f5

Темніше: #369aa2 з чорним

  1. 369aa2
  2. 2e858c
  3. 257177
  4. 1e5e63
  5. 164b4f
  6. 0f393c
  7. 08272a
  8. 031719
  9. 01090a
  10. 000101

Спокійніше: #369aa2 з меншою насиченістю

  1. 369aa2
  2. 4499a0
  3. 4f979d
  4. 59969b
  5. 619498
  6. 699296
  7. 709194
  8. 778f91
  9. 7e8d8f
  10. 848c8c

Схожі кольори з назвами

Кольори, що поєднуються з #369aa2

Комплементарні
Аналогові
Спліт-комплементарні

Запитання про колір #369aa2

Який це колір: #369aa2?

#369aa2 це яскравий ціановий. Найближчий колір із назвою: Яскравий ціановий. У RGB це rgb(54, 154, 162), в HSL hsl(184.44, 50%, 42.35%), в OKLCH oklch(63.249% 0.09098 202.702).

З якими кольорами поєднується #369aa2?

Комплементарний до #369aa2 колір це #bb7370. Для спокійнішого поєднання підійдуть аналогові #469c84 і #4b93b8. Тріада для нього: #a477aa і #a58545.

Який текст краще читається на #369aa2: білий чи чорний?

Білий текст читається краще: білий дає контраст 3.33:1, чорний 6.3:1. WCAG AA вимагає для основного тексту щонайменше 4,5:1.

#369aa2 теплий чи холодний колір?

Це холодний колір. В OKLCH його тон 203 градусів, світлота 63,2%, хрома 0.091.