# カラーコード #6fdbb2：パステル調の 明るいエメラルド

#6fdbb2 はRGBで rgb(111, 219, 178)、OKLCHで oklch(81.58% 0.11712 166.451) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/6fdbb2

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #6fdbb2 |
| RGB | rgb(111, 219, 178) |
| HSL | hsl(157.22, 60%, 64.71%) |
| HSB / HSV | hsv(157.22 49.32% 85.88%) |
| HWB | hwb(157.22 43.53% 14.12%) |
| CMYK | cmyk(49% 0% 19% 14%) |
| Lab | lab(80.19 -39.91 10.2) |
| LCH | lch(80.19 41.19 165.67) |
| OKLab | oklab(81.58% -0.11386 0.02744) |
| OKLCH | oklch(81.58% 0.11712 166.451) |
| Display P3 | color(display-p3 0.54347 0.84895 0.70793) |
| Rec. 2020 | color(rec2020 0.5881 0.81712 0.67858) |
| Adobe RGB | color(a98-rgb 0.5918 0.8549 0.69975) |
| ProPhoto RGB | color(prophoto-rgb 0.58468 0.78509 0.65844) |
| 線形sRGB | color(srgb-linear 0.15896 0.70838 0.4452) |
| XYZ D65 | color(xyz-d65 0.39921 0.57255 0.51069) |
| XYZ D50 | color(xyz-d50 0.40585 0.57018 0.3889) |
| SwiftUI | Color(red: 0.435, green: 0.859, blue: 0.698) |
| UIKit | UIColor(red: 0.435, green: 0.859, blue: 0.698, alpha: 1) |
| Flutter / Compose | Color(0xFF6FDBB2) |
| Android XML | #6FDBB2 |

## 基本情報

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

## ティント

#6fdbb2, #80dfba, #91e3c1, #a0e6c9, #aeead0, #bceed8, #caf1e0, #d8f5e8, #e5f8ef, #f2fcf7

## シェード

#6fdbb2, #60be9a, #51a283, #42876d, #346d57, #275443, #1a3c2f, #0e261d, #04110c, #010201

## トーン

#6fdbb2, #7ad9b4, #85d7b5, #8ed4b7, #97d2b9, #9fcfba, #a7cdbc, #aecabe, #b5c8bf, #bcc5c1

## カラーハーモニー

- 補色: #6fdbb2, #faa3d2
- 分裂補色: #6fdbb2, #e1abf6, #ffa3a8
- 類似色: #6fdbb2, #9fd488, #50dadc
- トライアド: #6fdbb2, #bdb7ff, #ffab80
- テトラード: #6fdbb2, #64d2fd, #faa3d2, #ffab80
- スクエア: #6fdbb2, #91c5ff, #faa3d2, #eeb867
- モノクロマティック: #6fdbb2, #088e6a, #45b48d, #98ffd9, #c4ffea

## #6fdbb2 についてのよくある質問

### #6fdbb2 は何色ですか？

#6fdbb2 はパステル調の 明るいエメラルドです。最も近い名前のある色はパステル調の 明るいエメラルドです。RGBでは rgb(111, 219, 178)、HSLでは hsl(157.22, 60%, 64.71%)、OKLCHでは oklch(81.58% 0.11712 166.451) です。

### #6fdbb2 に合う色は？

#6fdbb2 の補色は #faa3d2 です。落ち着いた組み合わせにするなら、類似色の #9fd488 と #50dadc を使いましょう。トライアドの組み合わせは #bdb7ff と #ffab80 です。

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

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

### #6fdbb2 は暖色と寒色のどちらですか？

#6fdbb2 は寒色系の色です。OKLCHでは色相 166度、明度 81.6%、クロマ 0.117 です。