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

#6bcede はRGBで rgb(107, 206, 222)、OKLCHで oklch(79.737% 0.09539 209.196) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #6bcede |
| RGB | rgb(107, 206, 222) |
| HSL | hsl(188.35, 63.54%, 64.51%) |
| HSB / HSV | hsv(188.35 51.8% 87.06%) |
| HWB | hwb(188.35 41.96% 12.94%) |
| CMYK | cmyk(52% 7% 0% 13%) |
| Lab | lab(77.25 -27.08 -17.42) |
| LCH | lch(77.25 32.2 212.76) |
| OKLab | oklab(79.737% -0.08327 -0.04653) |
| OKLCH | oklch(79.737% 0.09539 209.196) |
| Display P3 | color(display-p3 0.5174 0.79868 0.86093) |
| Rec. 2020 | color(rec2020 0.56557 0.76502 0.84354) |
| Adobe RGB | color(a98-rgb 0.56144 0.80298 0.86439) |
| ProPhoto RGB | color(prophoto-rgb 0.58782 0.73472 0.82498) |
| 線形sRGB | color(srgb-linear 0.14703 0.61721 0.73046) |
| XYZ D65 | color(xyz-d65 0.41317 0.5254 0.77074) |
| XYZ D50 | color(xyz-d50 0.40634 0.51946 0.58359) |
| SwiftUI | Color(red: 0.42, green: 0.808, blue: 0.871) |
| UIKit | UIColor(red: 0.42, green: 0.808, blue: 0.871, alpha: 1) |
| Flutter / Compose | Color(0xFF6BCEDE) |
| Android XML | #6BCEDE |

## 基本情報

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

## ティント

#6bcede, #7dd3e1, #8dd8e5, #9cdde8, #abe2eb, #bae7ef, #c8ecf2, #d6f1f5, #e4f5f9, #f1fafc

## シェード

#6bcede, #5cb3c1, #4e98a5, #3f7f89, #32666f, #254e55, #18383d, #0d2326, #040f12, #000202

## トーン

#6bcede, #76ccdb, #80cbd7, #89c9d4, #92c8d1, #9ac6ce, #a1c4ca, #a9c2c7, #b0c1c3, #b6bfc0

## カラーハーモニー

- 補色: #6bcede, #f4a699
- 分裂補色: #6bcede, #f0a3bb, #ebae7e
- 類似色: #6bcede, #72d1be, #81c6f4
- トライアド: #6bcede, #e0a7db, #d5ba73
- テトラード: #6bcede, #a4bbfb, #f4a699, #d5ba73
- スクエア: #6bcede, #c5b0f2, #f4a699, #b6c67f
- モノクロマティック: #6bcede, #048392, #41a8b7, #93f6ff, #c0ffff

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

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

#6bcede はやわらかな 明るいシアンです。最も近い名前のある色はやわらかな 明るいシアンです。RGBでは rgb(107, 206, 222)、HSLでは hsl(188.35, 63.54%, 64.51%)、OKLCHでは oklch(79.737% 0.09539 209.196) です。

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

#6bcede の補色は #f4a699 です。落ち着いた組み合わせにするなら、類似色の #72d1be と #81c6f4 を使いましょう。トライアドの組み合わせは #e0a7db と #d5ba73 です。

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

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

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

#6bcede は寒色系の色です。OKLCHでは色相 209度、明度 79.7%、クロマ 0.095 です。