#414F53

#414F53

カラー値

HEX

#414F53

RGB

65, 79, 83

HSL

193.3, 12.2%, 29.0%

HSV

193.3, 21.7%, 32.5%

CMYK

21.7%, 4.8%, 0.0%, 67.5%

OKLCH

0.417 0.0189 216.9

プロパティ

寒色 暗い 最も近い： Outer Space

色彩心理学

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.

カラーハーモニー

補色

#414F53

#534541

類似色

#41534E

#414653

#414F53

トライアド

#414F53

#53414F

#4F5341

スプリット補色

#414F53

#534146

#534E41

テトラード

#414F53

#4E4153

#534541

#465341

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

オリジナル

#414F53

第1色覚異常

#474752

第2色覚異常

#464552

第3色覚異常

#425151

全色盲

#4C4C4C

CSS使用法

background-color: #414F53;
color: #414F53;
border-color: #414F53;
最も近いTailwind： Neutral 600 #525252

Tailwindシェード

50
#F7F8F8
100
#EBEEEF
200
#D7DEE0
300
#BAC6C9
400
#95A7AC
500
#70888F
600
#5A6D72
700
#48575C
800
#384448
900
#2B3336
950
#1B2022

コントラストチェッカー

白背景のテキスト

8.51:1

AA Pass AAA Pass

黒背景のテキスト

2.47:1

AA Fail AAA Fail

比較する

#414F53
#534541
#414F53
#FFFFFF
#000000
#414F53

関連記事

チュートリアル

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 #414F53?

RGB(65, 79, 83) · HSL(193.3, 12.2%, 29.0%) · CMYK(21.7%, 4.8%, 0.0%, 67.5%)

Does #414F53 meet WCAG contrast on white?

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

What text color is readable on #414F53?

Use FFFFFF text on a #414F53 background; contrast on black is 2.47:1.