# カラーコード #63dbbc：パステル調の 明るいティール

#63dbbc はRGBで rgb(99, 219, 188)、OKLCHで oklch(81.401% 0.11774 173.751) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/63dbbc

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #63dbbc |
| RGB | rgb(99, 219, 188) |
| HSL | hsl(164.5, 62.5%, 62.35%) |
| HSB / HSV | hsv(164.5 54.79% 85.88%) |
| HWB | hwb(164.5 38.82% 14.12%) |
| CMYK | cmyk(55% 0% 14% 14%) |
| Lab | lab(79.96 -40.97 4.55) |
| LCH | lch(79.96 41.22 173.67) |
| OKLab | oklab(81.401% -0.11704 0.01282) |
| OKLCH | oklch(81.401% 0.11774 173.751) |
| Display P3 | color(display-p3 0.5152 0.84833 0.74275) |
| Rec. 2020 | color(rec2020 0.57121 0.81607 0.71605) |
| Adobe RGB | color(a98-rgb 0.57049 0.8549 0.73714) |
| ProPhoto RGB | color(prophoto-rgb 0.57611 0.78391 0.69589) |
| 線形sRGB | color(srgb-linear 0.12477 0.70838 0.50289) |
| XYZ D65 | color(xyz-d65 0.39552 0.56944 0.56486) |
| XYZ D50 | color(xyz-d50 0.39919 0.56607 0.42962) |
| SwiftUI | Color(red: 0.388, green: 0.859, blue: 0.737) |
| UIKit | UIColor(red: 0.388, green: 0.859, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF63DBBC) |
| Android XML | #63DBBC |

## 基本情報

- 最も近い色名: パステル調の 明るいティール
- 色相の系統: ティール, パステル調の 明るいティール
- 最も近いTailwindクラス: emerald-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.7:1
- 黒とのコントラスト: 12.39:1

## ティント

#63dbbc, #77dfc3, #89e3c9, #9ae6d0, #a9ead6, #b9eedd, #c7f1e4, #d6f5eb, #e4f8f1, #f1fcf8

## シェード

#63dbbc, #55bea3, #47a28b, #3a8773, #2e6d5d, #215447, #163c32, #0b261f, #03110d, #000202

## トーン

#63dbbc, #71d9bd, #7dd6bd, #88d4be, #92d2be, #9bcfbf, #a4cdc0, #accac0, #b4c7c1, #bbc5c1

## カラーハーモニー

- 補色: #63dbbc, #fea2c8
- 分裂補色: #63dbbc, #e8a8ee, #ffa39d
- 類似色: #63dbbc, #93d691, #4ed8e5
- トライアド: #63dbbc, #c6b3ff, #fead77
- テトラード: #63dbbc, #6dcfff, #fea2c8, #fead77
- スクエア: #63dbbc, #9cc1ff, #fea2c8, #e6bc63
- モノクロマティック: #63dbbc, #008e73, #35b497, #8dffe3, #c0fff1

## #63dbbc についてのよくある質問

### #63dbbc は何色ですか？

#63dbbc はパステル調の 明るいティールです。最も近い名前のある色はパステル調の 明るいティールです。RGBでは rgb(99, 219, 188)、HSLでは hsl(164.5, 62.5%, 62.35%)、OKLCHでは oklch(81.401% 0.11774 173.751) です。

### #63dbbc に合う色は？

#63dbbc の補色は #fea2c8 です。落ち着いた組み合わせにするなら、類似色の #93d691 と #4ed8e5 を使いましょう。トライアドの組み合わせは #c6b3ff と #fead77 です。

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

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

### #63dbbc は暖色と寒色のどちらですか？

#63dbbc は寒色系の色です。OKLCHでは色相 174度、明度 81.4%、クロマ 0.118 です。