# カラーコード #5bb08d：やわらかな エメラルド

#5bb08d はRGBで rgb(91, 176, 141)、OKLCHで oklch(69.384% 0.09871 164.804) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/5bb08d

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #5bb08d |
| RGB | rgb(91, 176, 141) |
| HSL | hsl(155.29, 34.98%, 52.35%) |
| HSB / HSV | hsv(155.29 48.3% 69.02%) |
| HWB | hwb(155.29 35.69% 30.98%) |
| CMYK | cmyk(48% 0% 20% 31%) |
| Lab | lab(65.8 -33.37 9.67) |
| LCH | lch(65.8 34.74 163.84) |
| OKLab | oklab(69.384% -0.09526 0.02587) |
| OKLCH | oklch(69.384% 0.09871 164.804) |
| Display P3 | color(display-p3 0.4406 0.68231 0.56178) |
| Rec. 2020 | color(rec2020 0.45702 0.63626 0.5191) |
| Adobe RGB | color(a98-rgb 0.47938 0.68428 0.55438) |
| ProPhoto RGB | color(prophoto-rgb 0.44851 0.59857 0.49631) |
| 線形sRGB | color(srgb-linear 0.10462 0.43415 0.26636) |
| XYZ D65 | color(xyz-d65 0.24646 0.35197 0.30695) |
| XYZ D50 | color(xyz-d50 0.25094 0.35066 0.23381) |
| SwiftUI | Color(red: 0.357, green: 0.69, blue: 0.553) |
| UIKit | UIColor(red: 0.357, green: 0.69, blue: 0.553, alpha: 1) |
| Flutter / Compose | Color(0xFF5BB08D) |
| Android XML | #5BB08D |

## 基本情報

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

## ティント

#5bb08d, #6db898, #7fc0a3, #8fc8ae, #a0d0b9, #b0d8c5, #c0dfd0, #d0e7dc, #dfefe7, #eff7f3

## シェード

#5bb08d, #4e997a, #418267, #356c55, #295644, #1e4233, #132e23, #091c14, #030b07, #000101

## トーン

#5bb08d, #64ae8f, #6cac90, #73ab92, #7aa993, #80a795, #86a596, #8ca398, #92a199, #979e9b

## カラーハーモニー

- 補色: #5bb08d, #c883ab
- 分裂補色: #5bb08d, #b48ac7, #d28389
- 類似色: #5bb08d, #82aa6b, #41b0af
- トライアド: #5bb08d, #9694d8, #d08869
- テトラード: #5bb08d, #4ea9ca, #c883ab, #d08869
- スクエア: #5bb08d, #729fd9, #c883ab, #c19353
- モノクロマティック: #5bb08d, #006748, #338b6a, #82d7b2, #a9ffd9

## #5bb08d についてのよくある質問

### #5bb08d は何色ですか？

#5bb08d はやわらかな エメラルドです。最も近い名前のある色はやわらかな エメラルドです。RGBでは rgb(91, 176, 141)、HSLでは hsl(155.29, 34.98%, 52.35%)、OKLCHでは oklch(69.384% 0.09871 164.804) です。

### #5bb08d に合う色は？

#5bb08d の補色は #c883ab です。落ち着いた組み合わせにするなら、類似色の #82aa6b と #41b0af を使いましょう。トライアドの組み合わせは #9694d8 と #d08869 です。

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

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

### #5bb08d は暖色と寒色のどちらですか？

#5bb08d は寒色系の色です。OKLCHでは色相 165度、明度 69.4%、クロマ 0.099 です。