# カラーコード #6bcbd5：やわらかな 明るいシアン

#6bcbd5 はRGBで rgb(107, 203, 213)、OKLCHで oklch(78.727% 0.09172 204.371) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/6bcbd5

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #6bcbd5 |
| RGB | rgb(107, 203, 213) |
| HSL | hsl(185.66, 55.79%, 62.75%) |
| HSB / HSV | hsv(185.66 49.77% 83.53%) |
| HWB | hwb(185.66 41.96% 16.47%) |
| CMYK | cmyk(50% 5% 0% 16%) |
| Lab | lab(76.14 -27.61 -14.26) |
| LCH | lch(76.14 31.08 207.32) |
| OKLab | oklab(78.727% -0.08355 -0.03785) |
| OKLCH | oklch(78.727% 0.09172 204.371) |
| Display P3 | color(display-p3 0.51371 0.78714 0.82756) |
| Rec. 2020 | color(rec2020 0.5569 0.7522 0.80684) |
| Adobe RGB | color(a98-rgb 0.55623 0.79104 0.82931) |
| ProPhoto RGB | color(prophoto-rgb 0.57431 0.72089 0.78623) |
| 線形sRGB | color(srgb-linear 0.14703 0.5972 0.66539) |
| XYZ D65 | color(xyz-d65 0.39427 0.5064 0.7065) |
| XYZ D50 | color(xyz-d50 0.38933 0.50117 0.53518) |
| SwiftUI | Color(red: 0.42, green: 0.796, blue: 0.835) |
| UIKit | UIColor(red: 0.42, green: 0.796, blue: 0.835, alpha: 1) |
| Flutter / Compose | Color(0xFF6BCBD5) |
| Android XML | #6BCBD5 |

## 基本情報

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

## ティント

#6bcbd5, #7cd0d9, #8dd6dd, #9cdbe2, #abe0e6, #b9e5ea, #c8ebee, #d6f0f2, #e4f5f7, #f1fafb

## シェード

#6bcbd5, #5cb0b9, #4e969e, #3f7d83, #32656a, #254d51, #18373a, #0d2224, #040f10, #000202

## トーン

#6bcbd5, #76c9d2, #7fc8d0, #88c6cd, #90c4ca, #98c3c7, #9fc1c5, #a6bfc2, #adbdbf, #b3bbbc

## カラーハーモニー

- 補色: #6bcbd5, #efa39d
- 分裂補色: #6bcbd5, #e9a1bd, #e8aa81
- 類似色: #6bcbd5, #76cdb6, #7cc4ec
- トライアド: #6bcbd5, #d8a6db, #d5b574
- テトラード: #6bcbd5, #9cb9f5, #efa39d, #d5b574
- スクエア: #6bcbd5, #bdafef, #efa39d, #b8c17c
- モノクロマティック: #6bcbd5, #09808a, #42a5af, #93f3fd, #b9ffff

## #6bcbd5 についてのよくある質問

### #6bcbd5 は何色ですか？

#6bcbd5 はやわらかな 明るいシアンです。最も近い名前のある色はやわらかな 明るいシアンです。RGBでは rgb(107, 203, 213)、HSLでは hsl(185.66, 55.79%, 62.75%)、OKLCHでは oklch(78.727% 0.09172 204.371) です。

### #6bcbd5 に合う色は？

#6bcbd5 の補色は #efa39d です。落ち着いた組み合わせにするなら、類似色の #76cdb6 と #7cc4ec を使いましょう。トライアドの組み合わせは #d8a6db と #d5b574 です。

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

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

### #6bcbd5 は暖色と寒色のどちらですか？

#6bcbd5 は寒色系の色です。OKLCHでは色相 204度、明度 78.7%、クロマ 0.092 です。