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

#4dc4df はRGBで rgb(77, 196, 223)、OKLCHで oklch(76.422% 0.11121 215.573) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4dc4df

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4dc4df |
| RGB | rgb(77, 196, 223) |
| HSL | hsl(191.1, 69.52%, 58.82%) |
| HSB / HSV | hsv(191.1 65.47% 87.45%) |
| HWB | hwb(191.1 30.2% 12.55%) |
| CMYK | cmyk(65% 12% 0% 13%) |
| Lab | lab(73.35 -28.28 -23.94) |
| LCH | lch(73.35 37.05 220.25) |
| OKLab | oklab(76.422% -0.09046 -0.0647) |
| OKLCH | oklch(76.422% 0.11121 215.573) |
| Display P3 | color(display-p3 0.4354 0.75868 0.86137) |
| Rec. 2020 | color(rec2020 0.50059 0.72055 0.84339) |
| Adobe RGB | color(a98-rgb 0.49217 0.76324 0.86681) |
| ProPhoto RGB | color(prophoto-rgb 0.53581 0.68811 0.82339) |
| 線形sRGB | color(srgb-linear 0.07421 0.55201 0.73791) |
| XYZ D65 | color(xyz-d65 0.36117 0.46383 0.76864) |
| XYZ D50 | color(xyz-d50 0.35055 0.45697 0.58156) |
| SwiftUI | Color(red: 0.302, green: 0.769, blue: 0.875) |
| UIKit | UIColor(red: 0.302, green: 0.769, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF4DC4DF) |
| Android XML | #4DC4DF |

## 基本情報

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

## ティント

#4dc4df, #65cae2, #79d0e6, #8cd6e9, #9edcec, #afe2f0, #c0e8f3, #d0eef6, #e0f4f9, #eff9fc

## シェード

#4dc4df, #42aac2, #3791a5, #2c788a, #22616f, #184a56, #0f353d, #072127, #020e12, #000202

## トーン

#4dc4df, #5dc3db, #6ac1d6, #76bfd2, #80becd, #8abcc9, #93bac4, #9bb8c0, #a3b6bb, #abb4b7

## カラーハーモニー

- 補色: #4dc4df, #f09881
- 分裂補色: #4dc4df, #ee94a8, #e3a462
- 類似色: #4dc4df, #4cc9bc, #73b9f5
- トライアド: #4dc4df, #df97ce, #c8b25a
- テトラード: #4dc4df, #9eacf9, #f09881, #c8b25a
- スクエア: #4dc4df, #c3a0eb, #f09881, #a1bf6f
- モノクロマティック: #4dc4df, #007992, #139eb8, #78ecff, #caffff

## #4dc4df についてのよくある質問

### #4dc4df は何色ですか？

#4dc4df は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(77, 196, 223)、HSLでは hsl(191.1, 69.52%, 58.82%)、OKLCHでは oklch(76.422% 0.11121 215.573) です。

### #4dc4df に合う色は？

#4dc4df の補色は #f09881 です。落ち着いた組み合わせにするなら、類似色の #4cc9bc と #73b9f5 を使いましょう。トライアドの組み合わせは #df97ce と #c8b25a です。

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

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

### #4dc4df は暖色と寒色のどちらですか？

#4dc4df は寒色系の色です。OKLCHでは色相 216度、明度 76.4%、クロマ 0.111 です。