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

#5bcfdf はRGBで rgb(91, 207, 223)、OKLCHで oklch(79.423% 0.10613 207.618) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #5bcfdf |
| RGB | rgb(91, 207, 223) |
| HSL | hsl(187.27, 67.35%, 61.57%) |
| HSB / HSV | hsv(187.27 59.19% 87.45%) |
| HWB | hwb(187.27 35.69% 12.55%) |
| CMYK | cmyk(59% 7% 0% 13%) |
| Lab | lab(77 -30.62 -18.4) |
| LCH | lch(77 35.72 211) |
| OKLab | oklab(79.423% -0.09404 -0.0492) |
| OKLCH | oklch(79.423% 0.10613 207.618) |
| Display P3 | color(display-p3 0.48094 0.8017 0.86443) |
| Rec. 2020 | color(rec2020 0.5431 0.76725 0.84745) |
| Adobe RGB | color(a98-rgb 0.53488 0.80697 0.8684) |
| ProPhoto RGB | color(prophoto-rgb 0.57134 0.7361 0.8292) |
| 線形sRGB | color(srgb-linear 0.10462 0.62396 0.73791) |
| XYZ D65 | color(xyz-d65 0.39944 0.52175 0.7778) |
| XYZ D50 | color(xyz-d50 0.39152 0.51532 0.58897) |
| SwiftUI | Color(red: 0.357, green: 0.812, blue: 0.875) |
| UIKit | UIColor(red: 0.357, green: 0.812, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF5BCFDF) |
| Android XML | #5BCFDF |

## 基本情報

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

## ティント

#5bcfdf, #70d4e2, #83d9e6, #94dee9, #a5e3ec, #b5e8ef, #c4ecf2, #d3f1f6, #e2f6f9, #f1fafc

## シェード

#5bcfdf, #4eb4c2, #4199a5, #357f8a, #29676f, #1e4f56, #13383d, #092327, #031012, #000202

## トーン

#5bcfdf, #69cddc, #76ccd8, #81cad5, #8bc8d1, #94c6ce, #9dc4ca, #a5c2c6, #adc0c3, #b5bebf

## カラーハーモニー

- 補色: #5bcfdf, #f9a196
- 分裂補色: #5bcfdf, #f39fbc, #f0ab76
- 類似色: #5bcfdf, #66d2bb, #76c6f8
- トライアド: #5bcfdf, #e1a4df, #d9b868
- テトラード: #5bcfdf, #9ebaff, #f9a196, #d9b868
- スクエア: #5bcfdf, #c4adf8, #f9a196, #b6c575
- モノクロマティック: #5bcfdf, #008393, #2ba8b8, #85f7ff, #bdffff

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

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

#5bcfdf は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(91, 207, 223)、HSLでは hsl(187.27, 67.35%, 61.57%)、OKLCHでは oklch(79.423% 0.10613 207.618) です。

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

#5bcfdf の補色は #f9a196 です。落ち着いた組み合わせにするなら、類似色の #66d2bb と #76c6f8 を使いましょう。トライアドの組み合わせは #e1a4df と #d9b868 です。

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

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

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

#5bcfdf は寒色系の色です。OKLCHでは色相 208度、明度 79.4%、クロマ 0.106 です。