#02232C

#02232C

カラー値

HEX

#02232C

RGB

2, 35, 44

HSL

192.9, 91.3%, 9.0%

HSV

192.9, 95.5%, 17.3%

CMYK

95.5%, 20.5%, 0.0%, 82.7%

OKLCH

0.2376 0.0411 219.8

プロパティ

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

カラーハーモニー

補色

#02232C

#2C0B02

類似色

#022C20

#020E2C

#02232C

トライアド

#02232C

#2C0223

#232C02

スプリット補色

#02232C

#2C020E

#2C2002

テトラード

#02232C

#20022C

#2C0B02

#0E2C02

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

オリジナル

#02232C

第1色覚異常

#10112A

第2色覚異常

#0E0C29

第3色覚異常

#042828

全色盲

#1D1D1D

CSS使用法

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

Tailwindシェード

50
#F1FBFD
100
#DFF5FB
200
#BBEEFC
300
#8AE2FA
400
#4BD2F7
500
#0BC2F4
600
#099BC3
700
#077C9C
800
#06617A
900
#094758
950
#052D38

コントラストチェッカー

白背景のテキスト

16.41:1

AA Pass AAA Pass

黒背景のテキスト

1.28:1

AA Fail AAA Fail

比較する

#02232C
#2C0B02
#02232C
#FFFFFF
#000000
#02232C

関連記事

チュートリアル

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

RGB(2, 35, 44) · HSL(192.9, 91.3%, 9.0%) · CMYK(95.5%, 20.5%, 0.0%, 82.7%)

Does #02232C meet WCAG contrast on white?

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

What text color is readable on #02232C?

Use FFFFFF text on a #02232C background; contrast on black is 1.28:1.