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

#4cd3de はRGBで rgb(76, 211, 222)、OKLCHで oklch(79.88% 0.11549 202.86) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4cd3de |
| RGB | rgb(76, 211, 222) |
| HSL | hsl(184.52, 68.87%, 58.43%) |
| HSB / HSV | hsv(184.52 65.77% 87.06%) |
| HWB | hwb(184.52 29.8% 12.94%) |
| CMYK | cmyk(66% 5% 0% 13%) |
| Lab | lab(77.72 -35.17 -16.84) |
| LCH | lch(77.72 39 205.59) |
| OKLab | oklab(79.88% -0.10642 -0.04487) |
| OKLCH | oklch(79.88% 0.11549 202.86) |
| Display P3 | color(display-p3 0.45544 0.81651 0.86157) |
| Rec. 2020 | color(rec2020 0.53193 0.78225 0.84461) |
| Adobe RGB | color(a98-rgb 0.51988 0.82292 0.86516) |
| ProPhoto RGB | color(prophoto-rgb 0.56338 0.7506 0.82677) |
| 線形sRGB | color(srgb-linear 0.07227 0.65141 0.73046) |
| XYZ D65 | color(xyz-d65 0.39457 0.53397 0.77337) |
| XYZ D50 | color(xyz-d50 0.38692 0.52734 0.58587) |
| SwiftUI | Color(red: 0.298, green: 0.827, blue: 0.871) |
| UIKit | UIColor(red: 0.298, green: 0.827, blue: 0.871, alpha: 1) |
| Flutter / Compose | Color(0xFF4CD3DE) |
| Android XML | #4CD3DE |

## 基本情報

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

## ティント

#4cd3de, #66d8e1, #7bdce5, #8ee1e8, #a0e5eb, #b1eaef, #c2eef2, #d1f2f5, #e1f7f9, #f0fbfc

## シェード

#4cd3de, #41b7c1, #369ca5, #2c8289, #22696f, #185155, #0f3a3d, #062426, #021012, #000202

## トーン

#4cd3de, #5fd1db, #6ecfd8, #7bcdd4, #87cbd1, #91c9ce, #9bc7ca, #a4c4c7, #adc2c4, #b5c0c0

## カラーハーモニー

- 補色: #4cd3de, #ff9f9b
- 分裂補色: #4cd3de, #f79ec4, #f8a875
- 類似色: #4cd3de, #62d6b6, #68cafb
- トライアド: #4cd3de, #e1a4e9, #e2b661
- テトラード: #4cd3de, #96bdff, #ff9f9b, #e2b661
- スクエア: #4cd3de, #c0afff, #ff9f9b, #bec56a
- モノクロマティック: #4cd3de, #008792, #01acb7, #79fbff, #b7ffff

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

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

#4cd3de は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(76, 211, 222)、HSLでは hsl(184.52, 68.87%, 58.43%)、OKLCHでは oklch(79.88% 0.11549 202.86) です。

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

#4cd3de の補色は #ff9f9b です。落ち着いた組み合わせにするなら、類似色の #62d6b6 と #68cafb を使いましょう。トライアドの組み合わせは #e1a4e9 と #e2b661 です。

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

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

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

#4cd3de は寒色系の色です。OKLCHでは色相 203度、明度 79.9%、クロマ 0.115 です。