# カラーコード #56a67c：やわらかな エメラルド

#56a67c はRGBで rgb(86, 166, 124)、OKLCHで oklch(66.243% 0.10179 158.943) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/56a67c

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #56a67c |
| RGB | rgb(86, 166, 124) |
| HSL | hsl(148.5, 31.75%, 49.41%) |
| HSB / HSV | hsv(148.5 48.19% 65.1%) |
| HWB | hwb(148.5 33.73% 34.9%) |
| CMYK | cmyk(48% 0% 25% 35%) |
| Lab | lab(62.19 -33.25 13.92) |
| LCH | lch(62.19 36.04 157.28) |
| OKLab | oklab(66.243% -0.095 0.03657) |
| OKLCH | oklch(66.243% 0.10179 158.943) |
| Display P3 | color(display-p3 0.41583 0.64354 0.49857) |
| Rec. 2020 | color(rec2020 0.42465 0.5943 0.45184) |
| Adobe RGB | color(a98-rgb 0.4529 0.64508 0.49071) |
| ProPhoto RGB | color(prophoto-rgb 0.4129 0.55623 0.43215) |
| 線形sRGB | color(srgb-linear 0.09306 0.38133 0.20156) |
| XYZ D65 | color(xyz-d65 0.21111 0.30705 0.23884) |
| XYZ D50 | color(xyz-d50 0.21629 0.30629 0.18225) |
| SwiftUI | Color(red: 0.337, green: 0.651, blue: 0.486) |
| UIKit | UIColor(red: 0.337, green: 0.651, blue: 0.486, alpha: 1) |
| Flutter / Compose | Color(0xFF56A67C) |
| Android XML | #56A67C |

## 基本情報

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

## ティント

#56a67c, #69af88, #7ab895, #8bc1a2, #9cc9af, #add2bc, #bddbc9, #cde4d6, #deede4, #eef6f1

## シェード

#56a67c, #4a906b, #3e7a5a, #32654a, #27513b, #1c3e2c, #122b1e, #081a11, #020a05, #000101

## トーン

#56a67c, #5ea47e, #65a281, #6ca183, #739f85, #799d88, #7e9b8a, #84998c, #89978e, #8e9591

## カラーハーモニー

- 補色: #56a67c, #bc7aa8
- 分裂補色: #56a67c, #a581c2, #c87886
- 類似色: #56a67c, #809f5a, #31a79f
- トライアド: #56a67c, #858cd1, #c87c64
- テトラード: #56a67c, #39a1bd, #bc7aa8, #c87c64
- スクエア: #56a67c, #5f98cf, #bc7aa8, #bb8749
- モノクロマティック: #56a67c, #005e39, #2f8159, #7ccca0, #a3f4c6

## #56a67c についてのよくある質問

### #56a67c は何色ですか？

#56a67c はやわらかな エメラルドです。最も近い名前のある色はやわらかな エメラルドです。RGBでは rgb(86, 166, 124)、HSLでは hsl(148.5, 31.75%, 49.41%)、OKLCHでは oklch(66.243% 0.10179 158.943) です。

### #56a67c に合う色は？

#56a67c の補色は #bc7aa8 です。落ち着いた組み合わせにするなら、類似色の #809f5a と #31a79f を使いましょう。トライアドの組み合わせは #858cd1 と #c87c64 です。

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

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

### #56a67c は暖色と寒色のどちらですか？

#56a67c は寒色系の色です。OKLCHでは色相 159度、明度 66.2%、クロマ 0.102 です。