# カラーコード #80dbbb：パステル調の 明るいエメラルド

#80dbbb はRGBで rgb(128, 219, 187)、OKLCHで oklch(82.546% 0.09945 169.195) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #80dbbb |
| RGB | rgb(128, 219, 187) |
| HSL | hsl(158.9, 55.83%, 68.04%) |
| HSB / HSV | hsv(158.9 41.55% 85.88%) |
| HWB | hwb(158.9 50.2% 14.12%) |
| CMYK | cmyk(42% 0% 15% 14%) |
| Lab | lab(81.07 -34.04 6.84) |
| LCH | lch(81.07 34.72 168.64) |
| OKLab | oklab(82.546% -0.09768 0.01864) |
| OKLCH | oklch(82.546% 0.09945 169.195) |
| Display P3 | color(display-p3 0.58675 0.84998 0.74024) |
| Rec. 2020 | color(rec2020 0.62048 0.81991 0.71331) |
| Adobe RGB | color(a98-rgb 0.62536 0.8549 0.73339) |
| ProPhoto RGB | color(prophoto-rgb 0.61593 0.78983 0.6932) |
| 線形sRGB | color(srgb-linear 0.21586 0.70838 0.49693) |
| XYZ D65 | color(xyz-d65 0.43201 0.58838 0.56096) |
| XYZ D50 | color(xyz-d50 0.43806 0.58598 0.42664) |
| SwiftUI | Color(red: 0.502, green: 0.859, blue: 0.733) |
| UIKit | UIColor(red: 0.502, green: 0.859, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF80DBBB) |
| Android XML | #80DBBB |

## 基本情報

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

## ティント

#80dbbb, #8edfc2, #9ce3c8, #a9e6cf, #b6ead6, #c3eddd, #cff1e3, #dbf5ea, #e7f8f1, #f3fcf8

## シェード

#80dbbb, #6ebea2, #5da28a, #4d8773, #3d6d5c, #2e5446, #1f3c32, #12261f, #06110d, #010202

## トーン

#80dbbb, #89d9bc, #91d7bd, #99d5be, #a0d3bf, #a7d1c0, #aecfc1, #b4ccc3, #bacac4, #c0c8c5

## カラーハーモニー

- 補色: #80dbbb, #f7abd0
- 分裂補色: #80dbbb, #e2b1ef, #ffacac
- 類似色: #80dbbb, #a5d698, #6edade
- トライアド: #80dbbb, #c4bbff, #fbb38c
- テトラード: #80dbbb, #7dd2fa, #f7abd0, #fbb38c
- スクエア: #80dbbb, #9fc7ff, #f7abd0, #e9bf7a
- モノクロマティック: #80dbbb, #2f8f72, #59b496, #a7ffe2, #c3ffed

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

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

#80dbbb はパステル調の 明るいエメラルドです。最も近い名前のある色はパステル調の 明るいエメラルドです。RGBでは rgb(128, 219, 187)、HSLでは hsl(158.9, 55.83%, 68.04%)、OKLCHでは oklch(82.546% 0.09945 169.195) です。

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

#80dbbb の補色は #f7abd0 です。落ち着いた組み合わせにするなら、類似色の #a5d698 と #6edade を使いましょう。トライアドの組み合わせは #c4bbff と #fbb38c です。

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

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

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

#80dbbb は寒色系の色です。OKLCHでは色相 169度、明度 82.5%、クロマ 0.099 です。