# カラーコード #80cdaf：やわらかな 明るいエメラルド

#80cdaf はRGBで rgb(128, 205, 175)、OKLCHで oklch(78.97% 0.08828 167.414) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/80cdaf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #80cdaf |
| RGB | rgb(128, 205, 175) |
| HSL | hsl(156.62, 43.5%, 65.29%) |
| HSB / HSV | hsv(156.62 37.56% 80.39%) |
| HWB | hwb(156.62 50.2% 19.61%) |
| CMYK | cmyk(38% 0% 15% 20%) |
| Lab | lab(76.78 -29.96 7.1) |
| LCH | lch(76.78 30.79 166.66) |
| OKLab | oklab(78.97% -0.08616 0.01924) |
| OKLCH | oklch(78.97% 0.08828 167.414) |
| Display P3 | color(display-p3 0.57117 0.79619 0.69309) |
| Rec. 2020 | color(rec2020 0.59052 0.76179 0.66138) |
| Adobe RGB | color(a98-rgb 0.60261 0.799 0.68573) |
| ProPhoto RGB | color(prophoto-rgb 0.58081 0.72931 0.63893) |
| 線形sRGB | color(srgb-linear 0.21586 0.6105 0.42869) |
| XYZ D65 | color(xyz-d65 0.38469 0.51346 0.48442) |
| XYZ D50 | color(xyz-d50 0.3906 0.51167 0.3684) |
| SwiftUI | Color(red: 0.502, green: 0.804, blue: 0.686) |
| UIKit | UIColor(red: 0.502, green: 0.804, blue: 0.686, alpha: 1) |
| Flutter / Compose | Color(0xFF80CDAF) |
| Android XML | #80CDAF |

## 基本情報

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

## ティント

#80cdaf, #8ed2b7, #9bd7bf, #a8dcc6, #b5e1ce, #c1e6d6, #ceebde, #daf0e6, #e7f5ef, #f3faf7

## シェード

#80cdaf, #6eb298, #5d9881, #4d7e6b, #3d6656, #2e4e41, #1f382e, #12231c, #060f0b, #010201

## トーン

#80cdaf, #87cbb0, #8ec9b1, #94c8b2, #9ac6b4, #a0c4b5, #a6c2b6, #abc0b7, #b0beb8, #b5bcb9

## カラーハーモニー

- 補色: #80cdaf, #e5a4c5
- 分裂補色: #80cdaf, #d2a9e0, #eea4a6
- 類似色: #80cdaf, #9fc890, #70ccce
- トライアド: #80cdaf, #b7b2f1, #eaa989
- テトラード: #80cdaf, #7ac6e7, #e5a4c5, #eaa989
- スクエア: #80cdaf, #97bdf3, #e5a4c5, #dab479
- モノクロマティック: #80cdaf, #348267, #5aa78a, #a7f5d5, #c3ffeb

## #80cdaf についてのよくある質問

### #80cdaf は何色ですか？

#80cdaf はやわらかな 明るいエメラルドです。最も近い名前のある色はやわらかな 明るいエメラルドです。RGBでは rgb(128, 205, 175)、HSLでは hsl(156.62, 43.5%, 65.29%)、OKLCHでは oklch(78.97% 0.08828 167.414) です。

### #80cdaf に合う色は？

#80cdaf の補色は #e5a4c5 です。落ち着いた組み合わせにするなら、類似色の #9fc890 と #70ccce を使いましょう。トライアドの組み合わせは #b7b2f1 と #eaa989 です。

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

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

### #80cdaf は暖色と寒色のどちらですか？

#80cdaf は寒色系の色です。OKLCHでは色相 167度、明度 79%、クロマ 0.088 です。