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

#5bcdcb はRGBで rgb(91, 205, 203)、OKLCHで oklch(78.256% 0.10311 193.676) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/5bcdcb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #5bcdcb |
| RGB | rgb(91, 205, 203) |
| HSL | hsl(178.95, 53.27%, 58.04%) |
| HSB / HSV | hsv(178.95 55.61% 80.39%) |
| HWB | hwb(178.95 35.69% 19.61%) |
| CMYK | cmyk(56% 0% 1% 20%) |
| Lab | lab(75.89 -34.01 -9.35) |
| LCH | lch(75.89 35.27 195.37) |
| OKLab | oklab(78.256% -0.10018 -0.02438) |
| OKLCH | oklch(78.256% 0.10311 193.676) |
| Display P3 | color(display-p3 0.47822 0.794 0.79164) |
| Rec. 2020 | color(rec2020 0.53296 0.75793 0.76786) |
| Adobe RGB | color(a98-rgb 0.53117 0.799 0.79137) |
| ProPhoto RGB | color(prophoto-rgb 0.54996 0.72487 0.74624) |
| 線形sRGB | color(srgb-linear 0.10462 0.6105 0.5972) |
| XYZ D65 | color(xyz-d65 0.36923 0.50197 0.64245) |
| XYZ D50 | color(xyz-d50 0.3662 0.49714 0.48719) |
| SwiftUI | Color(red: 0.357, green: 0.804, blue: 0.796) |
| UIKit | UIColor(red: 0.357, green: 0.804, blue: 0.796, alpha: 1) |
| Flutter / Compose | Color(0xFF5BCDCB) |
| Android XML | #5BCDCB |

## 基本情報

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

## ティント

#5bcdcb, #70d2d0, #83d7d5, #94dcda, #a4e2e0, #b4e7e5, #c4ecea, #d3f0ef, #e2f5f4, #f0fafa

## シェード

#5bcdcb, #4eb2b0, #419896, #357e7d, #296665, #1e4e4d, #133837, #092322, #030f0f, #000202

## トーン

#5bcdcb, #69cbc9, #75c9c7, #7fc7c5, #89c5c3, #92c3c2, #9ac1c0, #a2bfbe, #aabdbc, #b1baba

## カラーハーモニー

- 補色: #5bcdcb, #f29da5
- 分裂補色: #5bcdcb, #e79ec9, #f0a382
- 類似色: #5bcdcb, #75cda6, #66c7e9
- トライアド: #5bcdcb, #d0a5e7, #e0ae6b
- テトラード: #5bcdcb, #89bcf9, #f29da5, #e0ae6b
- スクエア: #5bcdcb, #afb0f8, #f29da5, #c3bc6b
- モノクロマティック: #5bcdcb, #008281, #2ca7a5, #85f5f2, #b4ffff

## #5bcdcb についてのよくある質問

### #5bcdcb は何色ですか？

#5bcdcb は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(91, 205, 203)、HSLでは hsl(178.95, 53.27%, 58.04%)、OKLCHでは oklch(78.256% 0.10311 193.676) です。

### #5bcdcb に合う色は？

#5bcdcb の補色は #f29da5 です。落ち着いた組み合わせにするなら、類似色の #75cda6 と #66c7e9 を使いましょう。トライアドの組み合わせは #d0a5e7 と #e0ae6b です。

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

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

### #5bcdcb は暖色と寒色のどちらですか？

#5bcdcb は寒色系の色です。OKLCHでは色相 194度、明度 78.3%、クロマ 0.103 です。