# カラーコード #56bcbb：鮮やかな 明るいシアン

#56bcbb はRGBで rgb(86, 188, 187)、OKLCHで oklch(73.497% 0.0946 194.419) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/56bcbb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #56bcbb |
| RGB | rgb(86, 188, 187) |
| HSL | hsl(179.41, 43.22%, 53.73%) |
| HSB / HSV | hsv(179.41 54.26% 73.73%) |
| HWB | hwb(179.41 33.73% 26.27%) |
| CMYK | cmyk(54% 0% 1% 26%) |
| Lab | lab(70.27 -31.05 -9.02) |
| LCH | lch(70.27 32.33 196.2) |
| OKLab | oklab(73.497% -0.09162 -0.02356) |
| OKLCH | oklch(73.497% 0.0946 194.419) |
| Display P3 | color(display-p3 0.444 0.72825 0.72904) |
| Rec. 2020 | color(rec2020 0.48501 0.6867 0.69877) |
| Adobe RGB | color(a98-rgb 0.49162 0.73157 0.72778) |
| ProPhoto RGB | color(prophoto-rgb 0.49803 0.65148 0.67342) |
| 線形sRGB | color(srgb-linear 0.09306 0.50289 0.49693) |
| XYZ D65 | color(xyz-d65 0.30789 0.41531 0.53409) |
| XYZ D50 | color(xyz-d50 0.30537 0.41134 0.40498) |
| SwiftUI | Color(red: 0.337, green: 0.737, blue: 0.733) |
| UIKit | UIColor(red: 0.337, green: 0.737, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF56BCBB) |
| Android XML | #56BCBB |

## 基本情報

- 最も近い色名: 鮮やかな 明るいシアン
- 色相の系統: シアン, 鮮やかな 明るいシアン
- 最も近いTailwindクラス: teal-500
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.26:1
- 黒とのコントラスト: 9.31:1

## ティント

#56bcbb, #6bc3c2, #7dcac8, #8fd0cf, #a0d7d6, #b0dedd, #c0e4e3, #d0ebea, #e0f2f1, #eff8f8

## シェード

#56bcbb, #4aa3a2, #3e8b8a, #327373, #275d5c, #1c4746, #123232, #081f1f, #020d0d, #000202

## トーン

#56bcbb, #62bab9, #6db9b7, #76b7b6, #7fb5b4, #87b3b2, #8eb1b0, #95afae, #9cadad, #a3abab

## カラーハーモニー

- 補色: #56bcbb, #de9097
- 分裂補色: #56bcbb, #d491b7, #dc9678
- 類似色: #56bcbb, #6cbc9a, #60b6d6
- トライアド: #56bcbb, #bf97d3, #cda063
- テトラード: #56bcbb, #80ace4, #de9097, #cda063
- スクエア: #56bcbb, #a2a1e3, #de9097, #b2ad64
- モノクロマティック: #56bcbb, #007272, #299696, #7fe3e2, #b4ffff

## #56bcbb についてのよくある質問

### #56bcbb は何色ですか？

#56bcbb は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(86, 188, 187)、HSLでは hsl(179.41, 43.22%, 53.73%)、OKLCHでは oklch(73.497% 0.0946 194.419) です。

### #56bcbb に合う色は？

#56bcbb の補色は #de9097 です。落ち着いた組み合わせにするなら、類似色の #6cbc9a と #60b6d6 を使いましょう。トライアドの組み合わせは #bf97d3 と #cda063 です。

### #56bcbb の上では白と黒のどちらの文字が読みやすいですか？

#56bcbb の上では黒の文字のほうが読みやすくなります。白はコントラスト比 2.26:1、黒は 9.31:1 です。WCAG AAでは本文に4.5:1以上が求められます。

### #56bcbb は暖色と寒色のどちらですか？

#56bcbb は寒色系の色です。OKLCHでは色相 194度、明度 73.5%、クロマ 0.095 です。