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

#55cebd はRGBで rgb(85, 206, 189)、OKLCHで oklch(77.851% 0.11089 182.637) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/55cebd

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #55cebd |
| RGB | rgb(85, 206, 189) |
| HSL | hsl(171.57, 55.25%, 57.06%) |
| HSB / HSV | hsv(171.57 58.74% 80.78%) |
| HWB | hwb(171.57 33.33% 19.22%) |
| CMYK | cmyk(59% 0% 8% 19%) |
| Lab | lab(75.67 -38.42 -2.22) |
| LCH | lch(75.67 38.49 183.3) |
| OKLab | oklab(77.851% -0.11077 -0.0051) |
| OKLCH | oklch(77.851% 0.11089 182.637) |
| Display P3 | color(display-p3 0.46645 0.79758 0.74163) |
| Rec. 2020 | color(rec2020 0.52288 0.76075 0.71376) |
| Adobe RGB | color(a98-rgb 0.52339 0.80298 0.73845) |
| ProPhoto RGB | color(prophoto-rgb 0.5341 0.72632 0.69134) |
| 線形sRGB | color(srgb-linear 0.09084 0.61721 0.50888) |
| XYZ D65 | color(xyz-d65 0.35001 0.49746 0.55903) |
| XYZ D50 | color(xyz-d50 0.35014 0.49353 0.42458) |
| SwiftUI | Color(red: 0.333, green: 0.808, blue: 0.741) |
| UIKit | UIColor(red: 0.333, green: 0.808, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF55CEBD) |
| Android XML | #55CEBD |

## 基本情報

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

## ティント

#55cebd, #6bd3c3, #7fd8ca, #91ddd0, #a2e2d7, #b3e7de, #c2ece4, #d2f1eb, #e1f6f2, #f0faf8

## シェード

#55cebd, #49b3a4, #3d988c, #317f74, #26665d, #1c4e47, #113833, #08231f, #020f0d, #000202

## トーン

#55cebd, #64ccbc, #71cabc, #7cc8bb, #86c5ba, #90c3ba, #98c1b9, #a0beb9, #a8bcb8, #b0b9b7

## カラーハーモニー

- 補色: #55cebd, #f298b0
- 分裂補色: #55cebd, #e19cd6, #f59c89
- 類似色: #55cebd, #7dcc95, #51c9e1
- トライアド: #55cebd, #c5a6f2, #e9a769
- テトラード: #55cebd, #74bff8, #f298b0, #e9a769
- スクエア: #55cebd, #9fb2fe, #f298b0, #d0b55f
- モノクロマティック: #55cebd, #008274, #21a798, #80f6e4, #bcfff9

## #55cebd についてのよくある質問

### #55cebd は何色ですか？

#55cebd は鮮やかな 明るいティールです。最も近い名前のある色は鮮やかな 明るいティールです。RGBでは rgb(85, 206, 189)、HSLでは hsl(171.57, 55.25%, 57.06%)、OKLCHでは oklch(77.851% 0.11089 182.637) です。

### #55cebd に合う色は？

#55cebd の補色は #f298b0 です。落ち着いた組み合わせにするなら、類似色の #7dcc95 と #51c9e1 を使いましょう。トライアドの組み合わせは #c5a6f2 と #e9a769 です。

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

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

### #55cebd は暖色と寒色のどちらですか？

#55cebd は寒色系の色です。OKLCHでは色相 183度、明度 77.9%、クロマ 0.111 です。