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

#7dcbb1 はRGBで rgb(125, 203, 177)、OKLCHで oklch(78.41% 0.0864 170.756) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/7dcbb1

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7dcbb1 |
| RGB | rgb(125, 203, 177) |
| HSL | hsl(160, 42.86%, 64.31%) |
| HSB / HSV | hsv(160 38.42% 79.61%) |
| HWB | hwb(160 49.02% 20.39%) |
| CMYK | cmyk(38% 0% 13% 20%) |
| Lab | lab(76.09 -29.63 5.04) |
| LCH | lch(76.09 30.06 170.34) |
| OKLab | oklab(78.41% -0.08528 0.01388) |
| OKLCH | oklch(78.41% 0.0864 170.756) |
| Display P3 | color(display-p3 0.5608 0.7883 0.69934) |
| Rec. 2020 | color(rec2020 0.58111 0.75318 0.66792) |
| Adobe RGB | color(a98-rgb 0.59292 0.79104 0.69281) |
| ProPhoto RGB | color(prophoto-rgb 0.57344 0.72043 0.64506) |
| 線形sRGB | color(srgb-linear 0.20508 0.5972 0.43966) |
| XYZ D65 | color(xyz-d65 0.37747 0.50245 0.49306) |
| XYZ D50 | color(xyz-d50 0.38235 0.50041 0.37479) |
| SwiftUI | Color(red: 0.49, green: 0.796, blue: 0.694) |
| UIKit | UIColor(red: 0.49, green: 0.796, blue: 0.694, alpha: 1) |
| Flutter / Compose | Color(0xFF7DCBB1) |
| Android XML | #7DCBB1 |

## 基本情報

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

## ティント

#7dcbb1, #8bd0b9, #99d6c0, #a6dbc8, #b3e0d0, #c0e5d7, #cdeadf, #d9f0e7, #e6f5ef, #f3faf7

## シェード

#7dcbb1, #6cb099, #5b9683, #4b7d6c, #3b6557, #2c4d42, #1e372f, #11221c, #050f0c, #010201

## トーン

#7dcbb1, #84c9b2, #8bc8b3, #92c6b3, #98c4b4, #9ec2b5, #a4c0b6, #a9beb6, #aebcb7, #b4bab8

## カラーハーモニー

- 補色: #7dcbb1, #e4a2c0
- 分裂補色: #7dcbb1, #d2a7db, #eba3a1
- 類似色: #7dcbb1, #9bc793, #70cacf
- トライアド: #7dcbb1, #b8afed, #e6a986
- テトラード: #7dcbb1, #7dc3e6, #e4a2c0, #e6a986
- スクエア: #7dcbb1, #99baf1, #e4a2c0, #d5b378
- モノクロマティック: #7dcbb1, #308069, #57a58c, #a4f3d7, #c2ffee

## #7dcbb1 についてのよくある質問

### #7dcbb1 は何色ですか？

#7dcbb1 はやわらかな 明るいエメラルドです。最も近い名前のある色はやわらかな 明るいエメラルドです。RGBでは rgb(125, 203, 177)、HSLでは hsl(160, 42.86%, 64.31%)、OKLCHでは oklch(78.41% 0.0864 170.756) です。

### #7dcbb1 に合う色は？

#7dcbb1 の補色は #e4a2c0 です。落ち着いた組み合わせにするなら、類似色の #9bc793 と #70cacf を使いましょう。トライアドの組み合わせは #b8afed と #e6a986 です。

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

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

### #7dcbb1 は暖色と寒色のどちらですか？

#7dcbb1 は寒色系の色です。OKLCHでは色相 171度、明度 78.4%、クロマ 0.086 です。