#23373C

#23373C

カラー値

HEX

#23373C

RGB

35, 55, 60

HSL

192.0, 26.3%, 18.6%

HSV

192.0, 41.7%, 23.5%

CMYK

41.7%, 8.3%, 0.0%, 76.5%

OKLCH

0.322 0.027 215.1

プロパティ

寒色 暗い 最も近い： RAL 5001 Green 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.

カラーハーモニー

補色

#23373C

#3C2823

類似色

#233C34

#232A3C

#23373C

トライアド

#23373C

#3C2337

#373C23

スプリット補色

#23373C

#3C232A

#3C3423

テトラード

#23373C

#34233C

#3C2823

#2A3C23

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

オリジナル

#23373C

第1色覚異常

#2C2C3B

第2色覚異常

#2A293A

第3色覚異常

#243A3A

全色盲

#333333

CSS使用法

background-color: #23373C;
color: #23373C;
border-color: #23373C;
最も近いTailwind： Cyan 950 #083344

Tailwindシェード

50
#F6F8F9
100
#E9F0F1
200
#D2E1E5
300
#B2CBD2
400
#88B0B9
500
#5E94A1
600
#4B7681
700
#3C5E67
800
#2F4A51
900
#25373C
950
#172326

コントラストチェッカー

白背景のテキスト

12.48:1

AA Pass AAA Pass

黒背景のテキスト

1.68:1

AA Fail AAA Fail

比較する

#23373C
#3C2823
#23373C
#FFFFFF
#000000
#23373C

関連記事

チュートリアル

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 #23373C?

RGB(35, 55, 60) · HSL(192.0, 26.3%, 18.6%) · CMYK(41.7%, 8.3%, 0.0%, 76.5%)

Does #23373C meet WCAG contrast on white?

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

What text color is readable on #23373C?

Use FFFFFF text on a #23373C background; contrast on black is 1.68:1.