# カラーコード #1a6784：深みのある 暗い空色

#1a6784 はRGBで rgb(26, 103, 132)、OKLCHで oklch(48.228% 0.08484 228.411) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/1a6784

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #1a6784 |
| RGB | rgb(26, 103, 132) |
| HSL | hsl(196.42, 67.09%, 30.98%) |
| HSB / HSV | hsv(196.42 80.3% 51.76%) |
| HWB | hwb(196.42 10.2% 48.24%) |
| CMYK | cmyk(80% 22% 0% 48%) |
| Lab | lab(40.17 -15.5 -23.13) |
| LCH | lch(40.17 27.84 236.17) |
| OKLab | oklab(48.228% -0.05632 -0.06346) |
| OKLCH | oklch(48.228% 0.08484 228.411) |
| Display P3 | color(display-p3 0.19829 0.398 0.50648) |
| Rec. 2020 | color(rec2020 0.21328 0.33666 0.45545) |
| Adobe RGB | color(a98-rgb 0.24664 0.40316 0.50936) |
| ProPhoto RGB | color(prophoto-rgb 0.25036 0.31636 0.42664) |
| 線形sRGB | color(srgb-linear 0.01033 0.13563 0.23074) |
| XYZ D65 | color(xyz-d65 0.0944 0.11585 0.23569) |
| XYZ D50 | color(xyz-d50 0.08976 0.11352 0.17808) |
| SwiftUI | Color(red: 0.102, green: 0.404, blue: 0.518) |
| UIKit | UIColor(red: 0.102, green: 0.404, blue: 0.518, alpha: 1) |
| Flutter / Compose | Color(0xFF1A6784) |
| Android XML | #1A6784 |

## 基本情報

- 最も近い色名: 深みのある 暗い空色
- 色相の系統: 空色, 深みのある 暗い空色
- 最も近いTailwindクラス: cyan-800
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 6.33:1
- 黒とのコントラスト: 3.32:1

## ティント

#1a6784, #377590, #4e849c, #6593a8, #7aa2b4, #90b1c1, #a6c0cd, #bcd0d9, #d2dfe6, #e8eff2

## シェード

#1a6784, #155972, #104b60, #0c3d4f, #07303f, #04232f, #021720, #010c12, #000406, #000001

## トーン

#1a6784, #266680, #30667d, #376579, #3e6475, #456371, #4a626e, #50616a, #556066, #5a5f62

## カラーハーモニー

- 補色: #1a6784, #854f31
- 分裂補色: #1a6784, #88494c, #78581e
- 類似色: #1a6784, #006c70, #405f8e
- トライアド: #1a6784, #814966, #636222
- テトラード: #1a6784, #5c568b, #854f31, #636222
- スクエア: #1a6784, #724e7d, #854f31, #456a39
- モノクロマティック: #1a6784, #00253a, #004561, #438ba9, #69b0d0

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

### #1a6784 は何色ですか？

#1a6784 は深みのある 暗い空色です。最も近い名前のある色は深みのある 暗い空色です。RGBでは rgb(26, 103, 132)、HSLでは hsl(196.42, 67.09%, 30.98%)、OKLCHでは oklch(48.228% 0.08484 228.411) です。

### #1a6784 に合う色は？

#1a6784 の補色は #854f31 です。落ち着いた組み合わせにするなら、類似色の #006c70 と #405f8e を使いましょう。トライアドの組み合わせは #814966 と #636222 です。

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

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

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

#1a6784 は寒色系の色です。OKLCHでは色相 228度、明度 48.2%、クロマ 0.085 です。