# カラーコード #689a6b：やわらかな 緑

#689a6b はRGBで rgb(104, 154, 107)、OKLCHで oklch(63.786% 0.08782 145.892) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/689a6b

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #689a6b |
| RGB | rgb(104, 154, 107) |
| HSL | hsl(123.6, 19.84%, 50.59%) |
| HSB / HSV | hsv(123.6 32.47% 60.39%) |
| HWB | hwb(123.6 40.78% 39.61%) |
| CMYK | cmyk(32% 0% 31% 40%) |
| Lab | lab(59.1 -24.88 19.21) |
| LCH | lch(59.1 31.44 142.32) |
| OKLab | oklab(63.786% -0.07271 0.04924) |
| OKLCH | oklch(63.786% 0.08782 145.892) |
| Display P3 | color(display-p3 0.45071 0.59868 0.43615) |
| Rec. 2020 | color(rec2020 0.43307 0.54815 0.38584) |
| Adobe RGB | color(a98-rgb 0.47112 0.5983 0.42748) |
| ProPhoto RGB | color(prophoto-rgb 0.40967 0.5123 0.37072) |
| 線形sRGB | color(srgb-linear 0.13843 0.32314 0.14703) |
| XYZ D65 | color(xyz-d65 0.19917 0.27115 0.18095) |
| XYZ D50 | color(xyz-d50 0.20586 0.27137 0.13829) |
| SwiftUI | Color(red: 0.408, green: 0.604, blue: 0.42) |
| UIKit | UIColor(red: 0.408, green: 0.604, blue: 0.42, alpha: 1) |
| Flutter / Compose | Color(0xFF689A6B) |
| Android XML | #689A6B |

## 基本情報

- 最も近い色名: やわらかな 緑
- 色相の系統: 緑, やわらかな 緑
- 最も近いTailwindクラス: emerald-600
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 3.27:1
- 黒とのコントラスト: 6.42:1

## ティント

#689a6b, #77a479, #86ae87, #95b896, #a3c2a4, #b2ccb3, #c1d6c2, #d1e0d1, #e0eae0, #eff5f0

## シェード

#689a6b, #59855c, #4b714e, #3e5e3f, #304b32, #243925, #182718, #0c170d, #040904, #000100

## トーン

#689a6b, #6c996e, #709772, #749675, #779579, #7b937c, #7e927f, #829082, #858f85, #888d88

## カラーハーモニー

- 補色: #689a6b, #a779a8
- 分裂補色: #689a6b, #9081bb, #b6758d
- 類似色: #689a6b, #899252, #499d89
- トライアド: #689a6b, #728ac1, #bb7670
- テトラード: #689a6b, #3e9ba6, #a779a8, #bb7670
- スクエア: #689a6b, #5394ba, #a779a8, #b57d56
- モノクロマティック: #689a6b, #235328, #457649, #8cc08f, #b2e7b4

## #689a6b についてのよくある質問

### #689a6b は何色ですか？

#689a6b はやわらかな 緑です。最も近い名前のある色はやわらかな 緑です。RGBでは rgb(104, 154, 107)、HSLでは hsl(123.6, 19.84%, 50.59%)、OKLCHでは oklch(63.786% 0.08782 145.892) です。

### #689a6b に合う色は？

#689a6b の補色は #a779a8 です。落ち着いた組み合わせにするなら、類似色の #899252 と #499d89 を使いましょう。トライアドの組み合わせは #728ac1 と #bb7670 です。

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

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

### #689a6b は暖色と寒色のどちらですか？

#689a6b はニュートラルの色です。OKLCHでは色相 146度、明度 63.8%、クロマ 0.088 です。