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

#86dec3 はRGBで rgb(134, 222, 195)、OKLCHで oklch(83.737% 0.09399 172.299) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/86dec3

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #86dec3 |
| RGB | rgb(134, 222, 195) |
| HSL | hsl(161.59, 57.14%, 69.8%) |
| HSB / HSV | hsv(161.59 39.64% 87.06%) |
| HWB | hwb(161.59 52.55% 12.94%) |
| CMYK | cmyk(40% 0% 12% 13%) |
| Lab | lab(82.37 -32.36 4.52) |
| LCH | lch(82.37 32.68 172.04) |
| OKLab | oklab(83.737% -0.09314 0.01259) |
| OKLCH | oklch(83.737% 0.09399 172.299) |
| Display P3 | color(display-p3 0.60614 0.86191 0.76977) |
| Rec. 2020 | color(rec2020 0.6397 0.83359 0.74546) |
| Adobe RGB | color(a98-rgb 0.64296 0.86692 0.76407) |
| ProPhoto RGB | color(prophoto-rgb 0.63699 0.80507 0.72624) |
| 線形sRGB | color(srgb-linear 0.2384 0.73046 0.54572) |
| XYZ D65 | color(xyz-d65 0.45801 0.61249 0.6104) |
| XYZ D50 | color(xyz-d50 0.46338 0.60978 0.46394) |
| SwiftUI | Color(red: 0.525, green: 0.871, blue: 0.765) |
| UIKit | UIColor(red: 0.525, green: 0.871, blue: 0.765, alpha: 1) |
| Flutter / Compose | Color(0xFF86DEC3) |
| Android XML | #86DEC3 |

## 基本情報

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

## ティント

#86dec3, #94e1c9, #a1e5cf, #ade8d5, #baecdb, #c6efe1, #d1f2e7, #ddf5ed, #e8f9f3, #f4fcf9

## シェード

#86dec3, #74c1a9, #62a590, #518978, #406f60, #30554a, #213d34, #132620, #06120e, #010202

## トーン

#86dec3, #8edcc4, #96dac4, #9ed8c5, #a5d6c6, #acd4c6, #b2d2c7, #b8d0c8, #becec8, #c4ccc9

## カラーハーモニー

- 補色: #86dec3, #fab1d0
- 分裂補色: #86dec3, #e7b6ee, #ffb2ae
- 類似色: #86dec3, #a7daa1, #79dce4
- トライアド: #86dec3, #cbbfff, #fbb991
- テトラード: #86dec3, #89d5fd, #fab1d0, #fbb991
- スクエア: #86dec3, #a9caff, #fab1d0, #e8c482
- モノクロマティック: #86dec3, #379279, #5fb79d, #adffea, #c1fff0

## #86dec3 についてのよくある質問

### #86dec3 は何色ですか？

#86dec3 はパステル調の 明るいエメラルドです。最も近い名前のある色はパステル調の 明るいエメラルドです。RGBでは rgb(134, 222, 195)、HSLでは hsl(161.59, 57.14%, 69.8%)、OKLCHでは oklch(83.737% 0.09399 172.299) です。

### #86dec3 に合う色は？

#86dec3 の補色は #fab1d0 です。落ち着いた組み合わせにするなら、類似色の #a7daa1 と #79dce4 を使いましょう。トライアドの組み合わせは #cbbfff と #fbb991 です。

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

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

### #86dec3 は暖色と寒色のどちらですか？

#86dec3 は寒色系の色です。OKLCHでは色相 172度、明度 83.7%、クロマ 0.094 です。