# カラーコード #61ba66：やわらかな 明るい緑

#61ba66 はRGBで rgb(97, 186, 102)、OKLCHで oklch(71.307% 0.14682 144.969) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/61ba66

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #61ba66 |
| RGB | rgb(97, 186, 102) |
| HSL | hsl(123.37, 39.21%, 55.49%) |
| HSB / HSV | hsv(123.37 47.85% 72.94%) |
| HWB | hwb(123.37 38.04% 27.06%) |
| CMYK | cmyk(48% 0% 45% 27%) |
| Lab | lab(68.51 -41.14 33.88) |
| LCH | lch(68.51 53.3 140.53) |
| OKLab | oklab(71.307% -0.12023 0.08428) |
| OKLCH | oklch(71.307% 0.14682 144.969) |
| Display P3 | color(display-p3 0.46786 0.72114 0.43479) |
| Rec. 2020 | color(rec2020 0.48172 0.67677 0.38823) |
| Adobe RGB | color(a98-rgb 0.50787 0.72367 0.41898) |
| ProPhoto RGB | color(prophoto-rgb 0.45679 0.63726 0.37946) |
| 線形sRGB | color(srgb-linear 0.11954 0.49102 0.13287) |
| XYZ D65 | color(xyz-d65 0.24886 0.38617 0.18713) |
| XYZ D50 | color(xyz-d50 0.26025 0.38666 0.14421) |
| SwiftUI | Color(red: 0.38, green: 0.729, blue: 0.4) |
| UIKit | UIColor(red: 0.38, green: 0.729, blue: 0.4, alpha: 1) |
| Flutter / Compose | Color(0xFF61BA66) |
| Android XML | #61BA66 |

## 基本情報

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

## ティント

#61ba66, #73c176, #83c885, #93cf94, #a3d6a4, #b3ddb3, #c2e4c2, #d1ebd1, #e0f2e0, #f0f8f0

## シェード

#61ba66, #53a158, #46894a, #39723c, #2d5c2f, #214623, #153217, #0b1e0c, #030d04, #000200

## トーン

#61ba66, #6ab86d, #71b674, #79b47a, #7fb180, #86af86, #8cad8c, #92aa92, #98a897, #9da59d

## カラーハーモニー

- 補色: #61ba66, #d080d5
- 分裂補色: #61ba66, #aa8ef4, #e878a7
- 類似色: #61ba66, #a0ac2b, #00bf9d
- トライアド: #61ba66, #759ffe, #f07a73
- テトラード: #61ba66, #00bacc, #d080d5, #f07a73
- スクエア: #61ba66, #18aff0, #d080d5, #e7873c
- モノクロマティック: #61ba66, #05701c, #3a9442, #87e18b, #b9ffbb

## #61ba66 についてのよくある質問

### #61ba66 は何色ですか？

#61ba66 はやわらかな 明るい緑です。最も近い名前のある色はやわらかな 明るい緑です。RGBでは rgb(97, 186, 102)、HSLでは hsl(123.37, 39.21%, 55.49%)、OKLCHでは oklch(71.307% 0.14682 144.969) です。

### #61ba66 に合う色は？

#61ba66 の補色は #d080d5 です。落ち着いた組み合わせにするなら、類似色の #a0ac2b と #00bf9d を使いましょう。トライアドの組み合わせは #759ffe と #f07a73 です。

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

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

### #61ba66 は暖色と寒色のどちらですか？

#61ba66 はニュートラルの色です。OKLCHでは色相 145度、明度 71.3%、クロマ 0.147 です。