# カラーコード #5ddfde：パステル調の 明るいシアン

#5ddfde はRGBで rgb(93, 223, 222)、OKLCHで oklch(83.185% 0.11357 194.486) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/5ddfde

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #5ddfde |
| RGB | rgb(93, 223, 222) |
| HSL | hsl(179.54, 67.01%, 61.96%) |
| HSB / HSV | hsv(179.54 58.3% 87.45%) |
| HWB | hwb(179.54 36.47% 12.55%) |
| CMYK | cmyk(58% 0% 0% 13%) |
| Lab | lab(81.71 -37.27 -10.86) |
| LCH | lch(81.71 38.82 196.25) |
| OKLab | oklab(83.185% -0.10996 -0.02841) |
| OKLCH | oklch(83.185% 0.11357 194.486) |
| Display P3 | color(display-p3 0.50749 0.86347 0.86525) |
| Rec. 2020 | color(rec2020 0.58017 0.83361 0.84949) |
| Adobe RGB | color(a98-rgb 0.56822 0.87092 0.86708) |
| ProPhoto RGB | color(prophoto-rgb 0.6046 0.80442 0.83373) |
| 線形sRGB | color(srgb-linear 0.10946 0.73791 0.73046) |
| XYZ D65 | color(xyz-d65 0.44084 0.60374 0.7844) |
| XYZ D50 | color(xyz-d50 0.43645 0.59763 0.59478) |
| SwiftUI | Color(red: 0.365, green: 0.875, blue: 0.871) |
| UIKit | UIColor(red: 0.365, green: 0.875, blue: 0.871, alpha: 1) |
| Flutter / Compose | Color(0xFF5DDFDE) |
| Android XML | #5DDFDE |

## 基本情報

- 最も近い色名: パステル調の 明るいシアン
- 色相の系統: シアン, パステル調の 明るいシアン
- 最も近いTailwindクラス: cyan-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.61:1
- 黒とのコントラスト: 13.08:1

## ティント

#5ddfde, #73e2e1, #86e6e5, #98e9e8, #a8edeb, #b8f0ef, #c7f3f2, #d5f6f5, #e3f9f8, #f1fcfc

## シェード

#5ddfde, #50c2c1, #43a5a5, #378a89, #2a6f6f, #1f5655, #143d3d, #0a2726, #031212, #000202

## トーン

#5ddfde, #6ddddc, #7bdbda, #88d9d7, #93d6d5, #9dd4d3, #a6d2d1, #afcfce, #b8cdcc, #c0caca

## カラーハーモニー

- 補色: #5ddfde, #ffa9b1
- 分裂補色: #5ddfde, #fdaad9, #ffb08a
- 類似色: #5ddfde, #7bdfb5, #6bd8ff
- トライアド: #5ddfde, #e3b2fb, #f4bd70
- テトラード: #5ddfde, #97cbff, #ffa9b1, #f4bd70
- スクエア: #5ddfde, #bfbeff, #ffa9b1, #d3cc71
- モノクロマティック: #5ddfde, #009292, #29b8b7, #8dffff, #b4ffff

## #5ddfde についてのよくある質問

### #5ddfde は何色ですか？

#5ddfde はパステル調の 明るいシアンです。最も近い名前のある色はパステル調の 明るいシアンです。RGBでは rgb(93, 223, 222)、HSLでは hsl(179.54, 67.01%, 61.96%)、OKLCHでは oklch(83.185% 0.11357 194.486) です。

### #5ddfde に合う色は？

#5ddfde の補色は #ffa9b1 です。落ち着いた組み合わせにするなら、類似色の #7bdfb5 と #6bd8ff を使いましょう。トライアドの組み合わせは #e3b2fb と #f4bd70 です。

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

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

### #5ddfde は暖色と寒色のどちらですか？

#5ddfde は寒色系の色です。OKLCHでは色相 194度、明度 83.2%、クロマ 0.114 です。