#166370

#166370

カラー値

HEX

#166370

RGB

22, 99, 112

HSL

188.7, 67.2%, 26.3%

HSV

188.7, 80.4%, 43.9%

CMYK

80.4%, 11.6%, 0.0%, 56.1%

OKLCH

0.4613 0.0732 211.8

プロパティ

寒色 暗い 最も近い： RAL 5021 Water Blue

色彩心理学

Dark cyans and deep aquas convey depth, reliability, and technical mastery. They carry the trustworthiness of blue with a modern, slightly warmer edge from their green component. These tones suggest specialized expertise and sophisticated engineering.

Design Usage

Dark cyan works for cybersecurity brands, developer platforms, and data infrastructure companies. It creates striking dark-mode accents and terminal-style interfaces that feel technical yet approachable. Pair it with lighter cyan highlights and neutral grays for a layered, depth-rich design system.

カラーハーモニー

補色

#166370

#702316

類似色

#167050

#163670

#166370

トライアド

#166370

#701663

#637016

スプリット補色

#166370

#701636

#705016

テトラード

#166370

#501670

#702316

#367016

色覚異常シミュレーション

オリジナル

#166370

第1色覚異常

#37386D

第2色覚異常

#332D6C

第3色覚異常

#1A6A6A

全色盲

#545454

CSS使用法

background-color: #166370;
color: #166370;
border-color: #166370;
最も近いTailwind： Cyan 800 #155E75

Tailwindシェード

50
#F3FAFC
100
#E3F4F7
200
#C3ECF3
300
#99DFEB
400
#61CEE0
500
#2ABCD5
600
#2197AB
700
#1B7988
800
#155E6B
900
#13454E
950
#0C2C31

コントラストチェッカー

白背景のテキスト

6.88:1

AA Pass AAA Fail

黒背景のテキスト

3.05:1

AA Fail AAA Fail

比較する

#166370
#702316
#166370
#FFFFFF
#000000
#166370

関連記事

チュートリアル

CSS color-mix()：ブラウザでネイティブにカラーをブレンド

1月 26, 2026
チュートリアル

カラーピッカーWebコンポーネントをゼロから構築する

1月 21, 2026
チュートリアル

知覚的色空間：Lab、LCH、Oklab、OKLCH

1月 15, 2026

よくある質問

What are the RGB, HSL, and CMYK values of #166370?

RGB(22, 99, 112) · HSL(188.7, 67.2%, 26.3%) · CMYK(80.4%, 11.6%, 0.0%, 56.1%)

Does #166370 meet WCAG contrast on white?

6.88:1 — WCAG AA 合格, AAA 不合格 for normal text.

What text color is readable on #166370?

Use FFFFFF text on a #166370 background; contrast on black is 3.05:1.