# カラーコード #4a8564：やわらかな エメラルド

#4a8564 はRGBで rgb(74, 133, 100)、OKLCHで oklch(56.674% 0.08102 157.941) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4a8564

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #4a8564 |
| RGB | rgb(74, 133, 100) |
| HSL | hsl(146.44, 28.5%, 40.59%) |
| HSB / HSV | hsv(146.44 44.36% 52.16%) |
| HWB | hwb(146.44 29.02% 47.84%) |
| CMYK | cmyk(44% 0% 25% 48%) |
| Lab | lab(50.82 -26.2 11.59) |
| LCH | lch(50.82 28.65 156.14) |
| OKLab | oklab(56.674% -0.07509 0.03043) |
| OKLCH | oklch(56.674% 0.08102 157.941) |
| Display P3 | color(display-p3 0.34574 0.51588 0.40187) |
| Rec. 2020 | color(rec2020 0.33306 0.45898 0.34848) |
| Adobe RGB | color(a98-rgb 0.37518 0.51718 0.39801) |
| ProPhoto RGB | color(prophoto-rgb 0.32411 0.42595 0.33418) |
| 線形sRGB | color(srgb-linear 0.06848 0.23455 0.12744) |
| XYZ D65 | color(xyz-d65 0.13511 0.1915 0.15041) |
| XYZ D50 | color(xyz-d50 0.13843 0.19111 0.11473) |
| SwiftUI | Color(red: 0.29, green: 0.522, blue: 0.392) |
| UIKit | UIColor(red: 0.29, green: 0.522, blue: 0.392, alpha: 1) |
| Flutter / Compose | Color(0xFF4A8564) |
| Android XML | #4A8564 |

## 基本情報

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

## ティント

#4a8564, #5c9172, #6e9d81, #80a990, #92b59f, #a4c1af, #b6cdbe, #c8d9ce, #dae6de, #ecf2ef

## シェード

#4a8564, #3f7356, #356148, #2a503b, #20402e, #173022, #0e2116, #06130b, #020603, #000100

## トーン

#4a8564, #508466, #558268, #5a816a, #5e7f6c, #637e6d, #677d6f, #6b7b71, #6f7973, #737875

## 配色

- 補色: #4a8564, #966487
- 分裂補色: #4a8564, #84699b, #9f626d
- 類似色: #4a8564, #69804b, #31867f
- トライアド: #4a8564, #6b72a6, #a06553
- テトラード: #4a8564, #348296, #966487, #a06553
- スクエア: #4a8564, #4e7ba4, #966487, #966d3f
- モノクロマティック: #4a8564, #004024, #266243, #6eaa87, #93d0ac

## #4a8564 についてのよくある質問

### #4a8564 は何色ですか？

#4a8564 はやわらかな エメラルドです。最も近い名前のある色はやわらかな エメラルドです。RGBでは rgb(74, 133, 100)、HSLでは hsl(146.44, 28.5%, 40.59%)、OKLCHでは oklch(56.674% 0.08102 157.941) です。

### #4a8564 に合う色は？

#4a8564 の補色は #966487 です。落ち着いた組み合わせにするなら、類似色の #69804b と #31867f を使いましょう。トライアドの組み合わせは #6b72a6 と #a06553 です。

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

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

### #4a8564 は暖色と寒色のどちらですか？

#4a8564 は寒色系の色です。OKLCHでは色相 158度、明度 56.7%、クロマ 0.081 です。