#299FBA

#299FBA

カラー値

HEX

#299FBA

RGB

41, 159, 186

HSL

191.2, 63.9%, 44.5%

HSV

191.2, 78.0%, 72.9%

CMYK

78.0%, 14.5%, 0.0%, 27.1%

OKLCH

0.6515 0.1064 217.3

プロパティ

寒色 明るい 最も近い： NCS S 1050-B20G Cyan

色彩心理学

True cyan sits at the boundary of blue and green in the visible spectrum, projecting futurism, precision, and digital innovation. It is a primary color in CMYK printing and RGB displays, giving it a distinctly technological identity. Cyan suggests cutting-edge thinking and clear communication.

Design Usage

Medium cyan is a staple in tech branding, cloud computing services, and developer tools. It works well for interactive elements, link hover states, and data visualization highlights. Because cyan is highly saturated, use it as an accent rather than a dominant color to avoid visual strain.

カラーハーモニー

補色

#299FBA

#BA4429

類似色

#29BA8D

#2956BA

#299FBA

トライアド

#299FBA

#BA299F

#9FBA29

スプリット補色

#299FBA

#BA2956

#BA8D29

テトラード

#299FBA

#8D29BA

#BA4429

#56BA29

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

オリジナル

#299FBA

第1色覚異常

#5C5DB3

第2色覚異常

#554CB2

第3色覚異常

#2FAEAD

全色盲

#888888

CSS使用法

background-color: #299FBA;
color: #299FBA;
border-color: #299FBA;
最も近いTailwind： Cyan 600 #0891B2

Tailwindシェード

50
#F3FAFC
100
#E3F3F7
200
#C4EAF2
300
#9BDAE9
400
#64C6DD
500
#2EB3D1
600
#258FA7
700
#1D7286
800
#175968
900
#15424C
950
#0D2A30

コントラストチェッカー

白背景のテキスト

3.11:1

AA Fail AAA Fail

黒背景のテキスト

6.76:1

AA Pass AAA Fail

比較する

#299FBA
#BA4429
#299FBA
#FFFFFF
#000000
#299FBA

関連記事

チュートリアル

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 #299FBA?

RGB(41, 159, 186) · HSL(191.2, 63.9%, 44.5%) · CMYK(78.0%, 14.5%, 0.0%, 27.1%)

Does #299FBA meet WCAG contrast on white?

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

What text color is readable on #299FBA?

Use 000000 text on a #299FBA background; contrast on black is 6.76:1.