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

#7ccddf はRGBで rgb(124, 205, 223)、OKLCHで oklch(80.283% 0.08315 213.498) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/7ccddf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7ccddf |
| RGB | rgb(124, 205, 223) |
| HSL | hsl(190.91, 60.74%, 68.04%) |
| HSB / HSV | hsv(190.91 44.39% 87.45%) |
| HWB | hwb(190.91 48.63% 12.55%) |
| CMYK | cmyk(44% 8% 0% 13%) |
| Lab | lab(77.71 -22.35 -17.17) |
| LCH | lch(77.71 28.19 217.54) |
| OKLab | oklab(80.283% -0.06934 -0.04589) |
| OKLCH | oklch(80.283% 0.08315 213.498) |
| Display P3 | color(display-p3 0.5603 0.79591 0.86479) |
| Rec. 2020 | color(rec2020 0.59437 0.76347 0.84769) |
| Adobe RGB | color(a98-rgb 0.594 0.799 0.8681) |
| ProPhoto RGB | color(prophoto-rgb 0.61099 0.73452 0.82923) |
| 線形sRGB | color(srgb-linear 0.20156 0.6105 0.73791) |
| XYZ D65 | color(xyz-d65 0.4346 0.53274 0.77807) |
| XYZ D50 | color(xyz-d50 0.4286 0.52723 0.58902) |
| SwiftUI | Color(red: 0.486, green: 0.804, blue: 0.875) |
| UIKit | UIColor(red: 0.486, green: 0.804, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF7CCDDF) |
| Android XML | #7CCDDF |

## 基本情報

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

## ティント

#7ccddf, #8bd2e2, #98d7e6, #a6dce9, #b3e1ec, #c0e6ef, #cdebf2, #daf0f6, #e6f5f9, #f3fafc

## シェード

#7ccddf, #6bb2c2, #5a98a5, #4a7e8a, #3b666f, #2c4e56, #1e383d, #112327, #050f12, #010202

## トーン

#7ccddf, #84ccdc, #8ccad9, #93c9d5, #9ac8d2, #a1c6cf, #a7c5cc, #adc3c8, #b3c2c5, #b9c0c2

## カラーハーモニー

- 補色: #7ccddf, #efac9c
- 分裂補色: #7ccddf, #eda9b9, #e5b486
- 類似色: #7ccddf, #7ed1c4, #90c5f1
- トライアド: #7ccddf, #e0abd5, #d0be80
- テトラード: #7ccddf, #adbbf5, #efac9c, #d0be80
- スクエア: #7ccddf, #cab2eb, #efac9c, #b4c88c
- モノクロマティック: #7ccddf, #2d8293, #55a7b8, #a3f5ff, #c6ffff

## #7ccddf についてのよくある質問

### #7ccddf は何色ですか？

#7ccddf はやわらかな 明るいシアンです。最も近い名前のある色はやわらかな 明るいシアンです。RGBでは rgb(124, 205, 223)、HSLでは hsl(190.91, 60.74%, 68.04%)、OKLCHでは oklch(80.283% 0.08315 213.498) です。

### #7ccddf に合う色は？

#7ccddf の補色は #efac9c です。落ち着いた組み合わせにするなら、類似色の #7ed1c4 と #90c5f1 を使いましょう。トライアドの組み合わせは #e0abd5 と #d0be80 です。

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

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

### #7ccddf は暖色と寒色のどちらですか？

#7ccddf は寒色系の色です。OKLCHでは色相 213度、明度 80.3%、クロマ 0.083 です。