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

#73c5cc はRGBで rgb(115, 197, 204)、OKLCHで oklch(77.379% 0.08076 202.71) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/73c5cc

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #73c5cc |
| RGB | rgb(115, 197, 204) |
| HSL | hsl(184.72, 46.6%, 62.55%) |
| HSB / HSV | hsv(184.72 43.63% 80%) |
| HWB | hwb(184.72 45.1% 20%) |
| CMYK | cmyk(44% 3% 0% 20%) |
| Lab | lab(74.51 -24.78 -11.81) |
| LCH | lch(74.51 27.45 205.47) |
| OKLab | oklab(77.379% -0.0745 -0.03118) |
| OKLCH | oklch(77.379% 0.08076 202.71) |
| Display P3 | color(display-p3 0.52724 0.76456 0.79367) |
| Rec. 2020 | color(rec2020 0.55676 0.7283 0.76947) |
| Adobe RGB | color(a98-rgb 0.56206 0.76721 0.7939) |
| ProPhoto RGB | color(prophoto-rgb 0.56686 0.69654 0.74675) |
| 線形sRGB | color(srgb-linear 0.17144 0.55834 0.60383) |
| XYZ D65 | color(xyz-d65 0.37933 0.47935 0.64382) |
| XYZ D50 | color(xyz-d50 0.3762 0.47502 0.48778) |
| SwiftUI | Color(red: 0.451, green: 0.773, blue: 0.8) |
| UIKit | UIColor(red: 0.451, green: 0.773, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF73C5CC) |
| Android XML | #73C5CC |

## 基本情報

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

## ティント

#73c5cc, #83cbd1, #91d1d6, #a0d7db, #aedce0, #bce2e5, #c9e8eb, #d7eef0, #e4f4f5, #f2f9fa

## シェード

#73c5cc, #63abb1, #549297, #45797e, #366165, #284b4e, #1b3537, #0f2122, #050e0f, #010202

## トーン

#73c5cc, #7bc4ca, #83c2c7, #8bc1c5, #91bfc3, #98bec1, #9ebcbe, #a4babc, #aab9ba, #b0b7b8

## カラーハーモニー

- 補色: #73c5cc, #e5a19e
- 分裂補色: #73c5cc, #dfa0ba, #dfa885
- 類似色: #73c5cc, #7dc7b0, #80bfe1
- トライアド: #73c5cc, #cfa4d4, #cfb179
- テトラード: #73c5cc, #9ab6ea, #e5a19e, #cfb179
- スクエア: #73c5cc, #b7ace5, #e5a19e, #b6bb7f
- モノクロマティック: #73c5cc, #227a81, #4c9fa6, #9aecf3, #b7ffff

## #73c5cc についてのよくある質問

### #73c5cc は何色ですか？

#73c5cc はやわらかな 明るいシアンです。最も近い名前のある色はやわらかな 明るいシアンです。RGBでは rgb(115, 197, 204)、HSLでは hsl(184.72, 46.6%, 62.55%)、OKLCHでは oklch(77.379% 0.08076 202.71) です。

### #73c5cc に合う色は？

#73c5cc の補色は #e5a19e です。落ち着いた組み合わせにするなら、類似色の #7dc7b0 と #80bfe1 を使いましょう。トライアドの組み合わせは #cfa4d4 と #cfb179 です。

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

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

### #73c5cc は暖色と寒色のどちらですか？

#73c5cc は寒色系の色です。OKLCHでは色相 203度、明度 77.4%、クロマ 0.081 です。