#104F5D

#104F5D

カラー値

HEX

#104F5D

RGB

16, 79, 93

HSL

190.9, 70.6%, 21.4%

HSV

190.9, 82.8%, 36.5%

CMYK

82.8%, 15.1%, 0.0%, 63.5%

OKLCH

0.3964 0.0643 216.6

プロパティ

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

カラーハーモニー

補色

#104F5D

#5D1E10

類似色

#105D45

#10295D

#104F5D

トライアド

#104F5D

#5D104F

#4F5D10

スプリット補色

#104F5D

#5D1029

#5D4510

テトラード

#104F5D

#45105D

#5D1E10

#295D10

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

オリジナル

#104F5D

第1色覚異常

#2B2C5A

第2色覚異常

#282359

第3色覚異常

#135756

全色盲

#434343

CSS使用法

background-color: #104F5D;
color: #104F5D;
border-color: #104F5D;
最も近いTailwind： Cyan 900 #164E63

Tailwindシェード

50
#F3FAFC
100
#E2F4F8
200
#C2EBF5
300
#97DDED
400
#5ECBE3
500
#25B9DA
600
#1E94AE
700
#18768B
800
#135C6D
900
#12444F
950
#0B2B32

コントラストチェッカー

白背景のテキスト

9.14:1

AA Pass AAA Pass

黒背景のテキスト

2.3:1

AA Fail AAA Fail

比較する

#104F5D
#5D1E10
#104F5D
#FFFFFF
#000000
#104F5D

関連記事

チュートリアル

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 #104F5D?

RGB(16, 79, 93) · HSL(190.9, 70.6%, 21.4%) · CMYK(82.8%, 15.1%, 0.0%, 63.5%)

Does #104F5D meet WCAG contrast on white?

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

What text color is readable on #104F5D?

Use FFFFFF text on a #104F5D background; contrast on black is 2.3:1.