# カラーコード #5bbf97：鮮やかな 明るいエメラルド

#5bbf97 はRGBで rgb(91, 191, 151)、OKLCHで oklch(73.339% 0.11181 164.878) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #5bbf97 |
| RGB | rgb(91, 191, 151) |
| HSL | hsl(156, 43.86%, 55.29%) |
| HSB / HSV | hsv(156 52.36% 74.9%) |
| HWB | hwb(156 35.69% 25.1%) |
| CMYK | cmyk(52% 0% 21% 25%) |
| Lab | lab(70.56 -37.9 10.91) |
| LCH | lch(70.56 39.44 163.94) |
| OKLab | oklab(73.339% -0.10794 0.02917) |
| OKLCH | oklch(73.339% 0.11181 164.878) |
| Display P3 | color(display-p3 0.45961 0.74006 0.60234) |
| Rec. 2020 | color(rec2020 0.49043 0.69802 0.56338) |
| Adobe RGB | color(a98-rgb 0.50568 0.74343 0.5941) |
| ProPhoto RGB | color(prophoto-rgb 0.48404 0.66057 0.54096) |
| 線形sRGB | color(srgb-linear 0.10462 0.521 0.30947) |
| XYZ D65 | color(xyz-d65 0.2853 0.41719 0.35828) |
| XYZ D50 | color(xyz-d50 0.29056 0.41553 0.27303) |
| SwiftUI | Color(red: 0.357, green: 0.749, blue: 0.592) |
| UIKit | UIColor(red: 0.357, green: 0.749, blue: 0.592, alpha: 1) |
| Flutter / Compose | Color(0xFF5BBF97) |
| Android XML | #5BBF97 |

## 基本情報

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

## ティント

#5bbf97, #6fc6a1, #80ccab, #91d3b5, #a2d9c0, #b2dfca, #c2e6d4, #d1ecdf, #e0f2ea, #f0f9f4

## シェード

#5bbf97, #4ea683, #418d6f, #35755c, #295e49, #1e4837, #133326, #091f17, #030d08, #000201

## トーン

#5bbf97, #66bd99, #70bb9b, #78b99c, #81b79e, #88b4a0, #8fb2a2, #96b0a3, #9cada5, #a3aba7

## カラーハーモニー

- 補色: #5bbf97, #db8cb9
- 分裂補色: #5bbf97, #c393d9, #e68b92
- 類似色: #5bbf97, #8ab970, #38bebe
- トライアド: #5bbf97, #a19fec, #e3916c
- テトラード: #5bbf97, #4bb7dd, #db8cb9, #e3916c
- スクエア: #5bbf97, #77acee, #db8cb9, #d29e52
- モノクロマティック: #5bbf97, #007551, #309973, #83e6bd, #c5ffe8

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

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

#5bbf97 は鮮やかな 明るいエメラルドです。最も近い名前のある色は鮮やかな 明るいエメラルドです。RGBでは rgb(91, 191, 151)、HSLでは hsl(156, 43.86%, 55.29%)、OKLCHでは oklch(73.339% 0.11181 164.878) です。

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

#5bbf97 の補色は #db8cb9 です。落ち着いた組み合わせにするなら、類似色の #8ab970 と #38bebe を使いましょう。トライアドの組み合わせは #a19fec と #e3916c です。

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

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

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

#5bbf97 は寒色系の色です。OKLCHでは色相 165度、明度 73.3%、クロマ 0.112 です。