# カラーコード #8abfa5：スモーキーな 明るいエメラルド

#8abfa5 はRGBで rgb(138, 191, 165)、OKLCHで oklch(76.017% 0.06704 163.023) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/8abfa5

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #8abfa5 |
| RGB | rgb(138, 191, 165) |
| HSL | hsl(150.57, 29.28%, 64.51%) |
| HSB / HSV | hsv(150.57 27.75% 74.9%) |
| HWB | hwb(150.57 54.12% 25.1%) |
| CMYK | cmyk(28% 0% 14% 25%) |
| Lab | lab(73.08 -22.17 7.31) |
| LCH | lch(73.08 23.34 161.75) |
| OKLab | oklab(76.017% -0.06412 0.01958) |
| OKLCH | oklch(76.017% 0.06704 163.023) |
| Display P3 | color(display-p3 0.58518 0.7433 0.65354) |
| Rec. 2020 | color(rec2020 0.58373 0.7061 0.61781) |
| Adobe RGB | color(a98-rgb 0.60418 0.74343 0.64577) |
| ProPhoto RGB | color(prophoto-rgb 0.56638 0.67331 0.59371) |
| 線形sRGB | color(srgb-linear 0.25415 0.521 0.37626) |
| XYZ D65 | color(xyz-d65 0.35902 0.45381 0.42466) |
| XYZ D50 | color(xyz-d50 0.36532 0.45285 0.32281) |
| SwiftUI | Color(red: 0.541, green: 0.749, blue: 0.647) |
| UIKit | UIColor(red: 0.541, green: 0.749, blue: 0.647, alpha: 1) |
| Flutter / Compose | Color(0xFF8ABFA5) |
| Android XML | #8ABFA5 |

## 基本情報

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

## ティント

#8abfa5, #96c5ae, #a2ccb6, #add2bf, #b9d8c8, #c5dfd1, #d0e5da, #dcece3, #e8f2ec, #f3f9f6

## シェード

#8abfa5, #77a68f, #658d79, #537565, #425e51, #32483d, #22332b, #141f1a, #070d0a, #010201

## トーン

#8abfa5, #8ebea6, #93bca7, #97bba9, #9bbaaa, #9fb8ab, #a3b7ac, #a6b5ad, #aab4af, #adb2b0

## カラーハーモニー

- 補色: #8abfa5, #d0a1bc
- 分裂補色: #8abfa5, #c0a5d0, #d8a0a5
- 類似色: #8abfa5, #a1bb8f, #7dbfbd
- トライアド: #8abfa5, #abacdb, #d7a48f
- テトラード: #8abfa5, #81bbd0, #d0a1bc, #d7a48f
- スクエア: #8abfa5, #93b4db, #d0a1bc, #ccab82
- モノクロマティック: #8abfa5, #42755e, #669981, #b0e6cb, #cdffe8

## #8abfa5 についてのよくある質問

### #8abfa5 は何色ですか？

#8abfa5 はスモーキーな 明るいエメラルドです。最も近い名前のある色はスモーキーな 明るいエメラルドです。RGBでは rgb(138, 191, 165)、HSLでは hsl(150.57, 29.28%, 64.51%)、OKLCHでは oklch(76.017% 0.06704 163.023) です。

### #8abfa5 に合う色は？

#8abfa5 の補色は #d0a1bc です。落ち着いた組み合わせにするなら、類似色の #a1bb8f と #7dbfbd を使いましょう。トライアドの組み合わせは #abacdb と #d7a48f です。

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

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

### #8abfa5 は暖色と寒色のどちらですか？

#8abfa5 は寒色系の色です。OKLCHでは色相 163度、明度 76%、クロマ 0.067 です。