# カラーコード #69ac8d：やわらかな エメラルド

#69ac8d はRGBで rgb(105, 172, 141)、OKLCHで oklch(69.066% 0.083 163.217) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/69ac8d

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #69ac8d |
| RGB | rgb(105, 172, 141) |
| HSL | hsl(152.24, 28.76%, 54.31%) |
| HSB / HSV | hsv(152.24 38.95% 67.45%) |
| HWB | hwb(152.24 41.18% 32.55%) |
| CMYK | cmyk(39% 0% 18% 33%) |
| Lab | lab(65.23 -27.67 8.98) |
| LCH | lch(65.23 29.09 162.03) |
| OKLab | oklab(69.066% -0.07946 0.02397) |
| OKLCH | oklch(69.066% 0.083 163.217) |
| Display P3 | color(display-p3 0.47245 0.66783 0.5609) |
| Rec. 2020 | color(rec2020 0.47473 0.62208 0.5178) |
| Adobe RGB | color(a98-rgb 0.50082 0.66858 0.55356) |
| ProPhoto RGB | color(prophoto-rgb 0.4613 0.58566 0.49443) |
| 線形sRGB | color(srgb-linear 0.14126 0.41254 0.26636) |
| XYZ D65 | color(xyz-d65 0.25385 0.3443 0.30508) |
| XYZ D50 | color(xyz-d50 0.2586 0.34332 0.23222) |
| SwiftUI | Color(red: 0.412, green: 0.675, blue: 0.553) |
| UIKit | UIColor(red: 0.412, green: 0.675, blue: 0.553, alpha: 1) |
| Flutter / Compose | Color(0xFF69AC8D) |
| Android XML | #69AC8D |

## 基本情報

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

## ティント

#69ac8d, #79b498, #88bca3, #97c5ae, #a6cdb9, #b5d5c5, #c4ded0, #d2e6dc, #e1eee7, #f0f7f3

## シェード

#69ac8d, #5a957a, #4c7f67, #3e6955, #315444, #244033, #182d23, #0c1b14, #040b07, #000101

## トーン

#69ac8d, #6faa8e, #75a990, #7ba791, #80a693, #85a494, #8aa296, #8ea197, #939f99, #979d9a

## カラーハーモニー

- 補色: #69ac8d, #c087a9
- 分裂補色: #69ac8d, #ae8dc0, #c9868d
- 類似色: #69ac8d, #87a772, #56acaa
- トライアド: #69ac8d, #9495ce, #c88b72
- テトラード: #69ac8d, #5da7c1, #c087a9, #c88b72
- スクエア: #69ac8d, #779fce, #c087a9, #bb9460
- モノクロマティック: #69ac8d, #1e6448, #44876a, #8ed2b2, #b5fad9

## #69ac8d についてのよくある質問

### #69ac8d は何色ですか？

#69ac8d はやわらかな エメラルドです。最も近い名前のある色はやわらかな エメラルドです。RGBでは rgb(105, 172, 141)、HSLでは hsl(152.24, 28.76%, 54.31%)、OKLCHでは oklch(69.066% 0.083 163.217) です。

### #69ac8d に合う色は？

#69ac8d の補色は #c087a9 です。落ち着いた組み合わせにするなら、類似色の #87a772 と #56acaa を使いましょう。トライアドの組み合わせは #9495ce と #c88b72 です。

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

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

### #69ac8d は暖色と寒色のどちらですか？

#69ac8d は寒色系の色です。OKLCHでは色相 163度、明度 69.1%、クロマ 0.083 です。