# カラーコード #48bbab：鮮やかな 明るいティール

#48bbab はRGBで rgb(72, 187, 171)、OKLCHで oklch(72.272% 0.1058 182.525) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/48bbab

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #48bbab |
| RGB | rgb(72, 187, 171) |
| HSL | hsl(171.65, 45.82%, 50.78%) |
| HSB / HSV | hsv(171.65 61.5% 73.33%) |
| HWB | hwb(171.65 28.24% 26.67%) |
| CMYK | cmyk(61% 0% 9% 27%) |
| Lab | lab(69.14 -36.7 -2.03) |
| LCH | lch(69.14 36.75 183.17) |
| OKLab | oklab(72.272% -0.1057 -0.00466) |
| OKLCH | oklch(72.272% 0.1058 182.525) |
| Display P3 | color(display-p3 0.41212 0.72377 0.67107) |
| Rec. 2020 | color(rec2020 0.45906 0.68037 0.6363) |
| Adobe RGB | color(a98-rgb 0.46758 0.72762 0.66739) |
| ProPhoto RGB | color(prophoto-rgb 0.46868 0.64322 0.61103) |
| 線形sRGB | color(srgb-linear 0.0648 0.49693 0.40724) |
| XYZ D65 | color(xyz-d65 0.27792 0.39857 0.44758) |
| XYZ D50 | color(xyz-d50 0.27792 0.39535 0.33996) |
| SwiftUI | Color(red: 0.282, green: 0.733, blue: 0.671) |
| UIKit | UIColor(red: 0.282, green: 0.733, blue: 0.671, alpha: 1) |
| Flutter / Compose | Color(0xFF48BBAB) |
| Android XML | #48BBAB |

## 基本情報

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

## ティント

#48bbab, #60c2b3, #75c9bb, #88d0c4, #9ad7cc, #acddd4, #bde4dd, #ceebe5, #def2ee, #eff8f6

## シェード

#48bbab, #3da294, #338a7e, #297368, #1f5c54, #164640, #0d322d, #061f1b, #020d0b, #000201

## トーン

#48bbab, #57b9aa, #63b7aa, #6eb5a9, #78b3a9, #80b1a8, #89afa8, #90aca7, #98aaa6, #9fa8a6

## カラーハーモニー

- 補色: #48bbab, #dd899f
- 分裂補色: #48bbab, #cd8cc2, #e08c7b
- 類似色: #48bbab, #6fb985, #43b7cc
- トライアド: #48bbab, #b295dd, #d5965d
- テトラード: #48bbab, #66ade2, #dd899f, #d5965d
- スクエア: #48bbab, #8fa1e8, #dd899f, #bda452
- モノクロマティック: #48bbab, #007163, #0c9586, #73e2d1, #b0fff8

## #48bbab についてのよくある質問

### #48bbab は何色ですか？

#48bbab は鮮やかな 明るいティールです。最も近い名前のある色は鮮やかな 明るいティールです。RGBでは rgb(72, 187, 171)、HSLでは hsl(171.65, 45.82%, 50.78%)、OKLCHでは oklch(72.272% 0.1058 182.525) です。

### #48bbab に合う色は？

#48bbab の補色は #dd899f です。落ち着いた組み合わせにするなら、類似色の #6fb985 と #43b7cc を使いましょう。トライアドの組み合わせは #b295dd と #d5965d です。

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

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

### #48bbab は暖色と寒色のどちらですか？

#48bbab は寒色系の色です。OKLCHでは色相 183度、明度 72.3%、クロマ 0.106 です。