# カラーコード #435e63：スモーキーな 暗いシアン

#435e63 はRGBで rgb(67, 94, 99)、OKLCHで oklch(46.237% 0.03306 210.24) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/435e63

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #435e63 |
| RGB | rgb(67, 94, 99) |
| HSL | hsl(189.38, 19.28%, 32.55%) |
| HSB / HSV | hsv(189.38 32.32% 38.82%) |
| HWB | hwb(189.38 26.27% 61.18%) |
| CMYK | cmyk(32% 5% 0% 61%) |
| Lab | lab(37.9 -9.4 -6.3) |
| LCH | lch(37.9 11.32 213.82) |
| OKLab | oklab(46.237% -0.02856 -0.01665) |
| OKLCH | oklch(46.237% 0.03306 210.24) |
| Display P3 | color(display-p3 0.28501 0.36569 0.38511) |
| Rec. 2020 | color(rec2020 0.24843 0.30487 0.32807) |
| Adobe RGB | color(a98-rgb 0.30234 0.36945 0.3874) |
| ProPhoto RGB | color(prophoto-rgb 0.2529 0.28862 0.3109) |
| 線形sRGB | color(srgb-linear 0.05613 0.11193 0.12477) |
| XYZ D65 | color(xyz-d65 0.08569 0.10099 0.13303) |
| XYZ D50 | color(xyz-d50 0.08544 0.10029 0.10075) |
| SwiftUI | Color(red: 0.263, green: 0.369, blue: 0.388) |
| UIKit | UIColor(red: 0.263, green: 0.369, blue: 0.388, alpha: 1) |
| Flutter / Compose | Color(0xFF435E63) |
| Android XML | #435E63 |

## 基本情報

- 最も近い色名: スモーキーな 暗いシアン
- 色相の系統: シアン, スモーキーな 暗いシアン
- 最も近いTailwindクラス: mist-600
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 6.95:1
- 黒とのコントラスト: 3.02:1

## ティント

#435e63, #546d71, #667c80, #788b8f, #8a9b9e, #9dabae, #b0bbbe, #c3ccce, #d7ddde, #ebeeee

## シェード

#435e63, #395155, #2f4447, #26373a, #1d2b2e, #141f21, #0c1416, #050a0b, #010303, #000000

## トーン

#435e63, #455d62, #485d61, #4a5c60, #4c5c5f, #4e5b5e, #515b5d, #535a5c, #555a5b, #57595a

## カラーハーモニー

- 補色: #435e63, #6a524e
- 分裂補色: #435e63, #695158, #675546
- 類似色: #435e63, #445f59, #485b6a
- トライアド: #435e63, #645262, #605844
- テトラード: #435e63, #51586c, #6a524e, #605844
- スクエア: #435e63, #5b5569, #6a524e, #565c47
- モノクロマティック: #435e63, #051f24, #233d42, #658186, #88a5ab

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

### #435e63 は何色ですか？

#435e63 はスモーキーな 暗いシアンです。最も近い名前のある色はスモーキーな 暗いシアンです。RGBでは rgb(67, 94, 99)、HSLでは hsl(189.38, 19.28%, 32.55%)、OKLCHでは oklch(46.237% 0.03306 210.24) です。

### #435e63 に合う色は？

#435e63 の補色は #6a524e です。落ち着いた組み合わせにするなら、類似色の #445f59 と #485b6a を使いましょう。トライアドの組み合わせは #645262 と #605844 です。

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

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

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

#435e63 は寒色系の色です。OKLCHでは色相 210度、明度 46.2%、クロマ 0.033 です。