#101C19

#101C19

カラー値

HEX

#101C19

RGB

16, 28, 25

HSL

165.0, 27.3%, 8.6%

HSV

165.0, 42.9%, 11.0%

CMYK

42.9%, 0.0%, 10.7%, 89.0%

OKLCH

0.2139 0.0181 177.2

プロパティ

寒色 暗い 最も近い： RAL 9011 Graphite Black

色彩心理学

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.

カラーハーモニー

補色

#101C19

#1C1013

類似色

#101C13

#10191C

#101C19

トライアド

#101C19

#19101C

#1C1910

スプリット補色

#101C19

#1C1019

#1C1310

テトラード

#101C19

#13101C

#1C1013

#191C10

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

オリジナル

#101C19

第1色覚異常

#15151A

第2色覚異常

#14141A

第3色覚異常

#111A1A

全色盲

#191919

CSS使用法

background-color: #101C19;
color: #101C19;
border-color: #101C19;
最も近いTailwind： Neutral 900 #171717

Tailwindシェード

50
#F6F9F8
100
#E9F1EF
200
#D2E5E0
300
#B1D3CA
400
#87BAAE
500
#5DA291
600
#4A8274
700
#3B685D
800
#2E5148
900
#253C36
950
#172622

コントラストチェッカー

白背景のテキスト

17.47:1

AA Pass AAA Pass

黒背景のテキスト

1.2:1

AA Fail AAA Fail

比較する

#101C19
#1C1013
#101C19
#FFFFFF
#000000
#101C19

関連記事

チュートリアル

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 #101C19?

RGB(16, 28, 25) · HSL(165.0, 27.3%, 8.6%) · CMYK(42.9%, 0.0%, 10.7%, 89.0%)

Does #101C19 meet WCAG contrast on white?

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

What text color is readable on #101C19?

Use FFFFFF text on a #101C19 background; contrast on black is 1.2:1.