#22697F

#22697F

カラー値

HEX

#22697F

RGB

34, 105, 127

HSL

194.2, 57.8%, 31.6%

HSV

194.2, 73.2%, 49.8%

CMYK

73.2%, 17.3%, 0.0%, 50.2%

OKLCH

0.4871 0.0768 222.5

プロパティ

寒色 暗い 最も近い： RAL 5025 Pearl Gentian 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.

カラーハーモニー

補色

#22697F

#7F3822

類似色

#227F67

#223B7F

#22697F

トライアド

#22697F

#7F2269

#697F22

スプリット補色

#22697F

#7F223B

#7F6722

テトラード

#22697F

#67227F

#7F3822

#3B7F22

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

オリジナル

#22697F

第1色覚異常

#41417A

第2色覚異常

#3D3778

第3色覚異常

#267575

全色盲

#5B5B5B

CSS使用法

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

Tailwindシェード

50
#F4F9FB
100
#E4F2F6
200
#C7E6F0
300
#9ED4E5
400
#6ABDD7
500
#36A6C9
600
#2B85A1
700
#226A81
800
#1B5365
900
#173E4A
950
#0F272F

コントラストチェッカー

白背景のテキスト

6.19:1

AA Pass AAA Fail

黒背景のテキスト

3.4:1

AA Fail AAA Fail

比較する

#22697F
#7F3822
#22697F
#FFFFFF
#000000
#22697F

関連記事

チュートリアル

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 #22697F?

RGB(34, 105, 127) · HSL(194.2, 57.8%, 31.6%) · CMYK(73.2%, 17.3%, 0.0%, 50.2%)

Does #22697F meet WCAG contrast on white?

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

What text color is readable on #22697F?

Use FFFFFF text on a #22697F background; contrast on black is 3.4:1.