# カラーコード #d3dfe5：ごく明るいグレー

#d3dfe5 はRGBで rgb(211, 223, 229)、OKLCHで oklch(89.633% 0.01534 228.981) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/d3dfe5

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #d3dfe5 |
| RGB | rgb(211, 223, 229) |
| HSL | hsl(200, 25.71%, 86.27%) |
| HSB / HSV | hsv(200 7.86% 89.8%) |
| HWB | hwb(200 82.75% 10.2%) |
| CMYK | cmyk(8% 3% 0% 10%) |
| Lab | lab(88.04 -3.31 -4.41) |
| LCH | lch(88.04 5.51 233.08) |
| OKLab | oklab(89.633% -0.01007 -0.01158) |
| OKLCH | oklch(89.633% 0.01534 228.981) |
| Display P3 | color(display-p3 0.83606 0.873 0.89522) |
| Rec. 2020 | color(rec2020 0.82828 0.85628 0.88221) |
| Adobe RGB | color(a98-rgb 0.83693 0.87092 0.89403) |
| ProPhoto RGB | color(prophoto-rgb 0.81929 0.84003 0.86855) |
| 線形sRGB | color(srgb-linear 0.65141 0.73791 0.78354) |
| XYZ D65 | color(xyz-d65 0.67391 0.72281 0.84533) |
| XYZ D50 | color(xyz-d50 0.68037 0.72143 0.64023) |
| SwiftUI | Color(red: 0.827, green: 0.875, blue: 0.898) |
| UIKit | UIColor(red: 0.827, green: 0.875, blue: 0.898, alpha: 1) |
| Flutter / Compose | Color(0xFFD3DFE5) |
| Android XML | #D3DFE5 |

## 基本情報

- 最も近い色名: ごく明るいグレー
- 色相の系統: グレー, ごく明るいグレー
- 最も近いTailwindクラス: gray-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.36:1
- 黒とのコントラスト: 15.46:1

## ティント

#d3dfe5, #d7e2e8, #dce5ea, #e0e9ed, #e4ecef, #e9eff2, #edf2f5, #f2f5f7, #f6f9fa, #fbfcfc

## シェード

#d3dfe5, #b7c2c7, #9ca5aa, #828a8e, #696f72, #515658, #3a3d3f, #242728, #101212, #020203

## トーン

#d3dfe5, #d4dfe4, #d5dfe3, #d6dee2, #d7dee2, #d8dee1, #d9dee0, #dadddf, #dbddde, #dcdddd

## カラーハーモニー

- 補色: #d3dfe5, #e6dad4
- 分裂補色: #d3dfe5, #e7d9d9, #e2dcd2
- 類似色: #d3dfe5, #d2e0e1, #d7dde7
- トライアド: #d3dfe5, #e5d9de, #ddded2
- テトラード: #d3dfe5, #dcdbe7, #e6dad4, #ddded2
- スクエア: #d3dfe5, #e1dae3, #e6dad4, #d8dfd6
- モノクロマティック: #d3dfe5, #889399, #adb8be, #ebf7fe, #ebf7fe

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

### #d3dfe5 は何色ですか？

#d3dfe5 はごく明るいグレーです。最も近い名前のある色はごく明るいグレーです。RGBでは rgb(211, 223, 229)、HSLでは hsl(200, 25.71%, 86.27%)、OKLCHでは oklch(89.633% 0.01534 228.981) です。

### #d3dfe5 に合う色は？

#d3dfe5 の補色は #e6dad4 です。落ち着いた組み合わせにするなら、類似色の #d2e0e1 と #d7dde7 を使いましょう。トライアドの組み合わせは #e5d9de と #ddded2 です。

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

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

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

#d3dfe5 はニュートラルの色です。OKLCHでは色相 229度、明度 89.6%、クロマ 0.015 です。