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

#77dfda はRGBで rgb(119, 223, 218)、OKLCHで oklch(83.986% 0.09747 191.367) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/77dfda

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #77dfda |
| RGB | rgb(119, 223, 218) |
| HSL | hsl(177.12, 61.9%, 67.06%) |
| HSB / HSV | hsv(177.12 46.64% 87.45%) |
| HWB | hwb(177.12 46.67% 12.55%) |
| CMYK | cmyk(47% 0% 2% 13%) |
| Lab | lab(82.52 -32.56 -7.45) |
| LCH | lch(82.52 33.4 192.89) |
| OKLab | oklab(83.986% -0.09555 -0.01921) |
| OKLCH | oklch(83.986% 0.09747 191.367) |
| Display P3 | color(display-p3 0.56824 0.8648 0.85156) |
| Rec. 2020 | color(rec2020 0.61955 0.83654 0.8345) |
| Adobe RGB | color(a98-rgb 0.61404 0.87092 0.85173) |
| ProPhoto RGB | color(prophoto-rgb 0.6336 0.80875 0.8181) |
| 線形sRGB | color(srgb-linear 0.18447 0.73791 0.7011) |
| XYZ D65 | color(xyz-d65 0.46648 0.61757 0.75794) |
| XYZ D50 | color(xyz-d50 0.46496 0.61254 0.57486) |
| SwiftUI | Color(red: 0.467, green: 0.875, blue: 0.855) |
| UIKit | UIColor(red: 0.467, green: 0.875, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF77DFDA) |
| Android XML | #77DFDA |

## 基本情報

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

## ティント

#77dfda, #87e2de, #97e6e1, #a5e9e5, #b3ece9, #c0f0ec, #cdf3f0, #daf6f4, #e6f9f8, #f3fcfb

## シェード

#77dfda, #67c2bd, #57a5a2, #478a87, #386f6c, #2a5654, #1c3d3c, #102725, #051211, #010202

## トーン

#77dfda, #82ddd8, #8cdbd7, #96d9d5, #9ed7d4, #a7d5d2, #aed3d1, #b6d1cf, #bdcfcd, #c4cdcc

## カラーハーモニー

- 補色: #77dfda, #ffb0ba
- 分裂補色: #77dfda, #f7b2dd, #ffb699
- 類似色: #77dfda, #8fdfb6, #7dd9f8
- トライアド: #77dfda, #dfb9f9, #f3c083
- テトラード: #77dfda, #9bcfff, #ffb0ba, #f3c083
- スクエア: #77dfda, #bfc3ff, #ffb0ba, #d8cd81
- モノクロマティック: #77dfda, #1b928e, #4eb8b3, #a2ffff, #b6ffff

## #77dfda についてのよくある質問

### #77dfda は何色ですか？

#77dfda はパステル調の 明るいシアンです。最も近い名前のある色はパステル調の 明るいシアンです。RGBでは rgb(119, 223, 218)、HSLでは hsl(177.12, 61.9%, 67.06%)、OKLCHでは oklch(83.986% 0.09747 191.367) です。

### #77dfda に合う色は？

#77dfda の補色は #ffb0ba です。落ち着いた組み合わせにするなら、類似色の #8fdfb6 と #7dd9f8 を使いましょう。トライアドの組み合わせは #dfb9f9 と #f3c083 です。

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

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

### #77dfda は暖色と寒色のどちらですか？

#77dfda は寒色系の色です。OKLCHでは色相 191度、明度 84%、クロマ 0.097 です。