#448CC7

#448CC7

Overview

#448CC7 is a cool, light color. In RGB it is 68, 140, 199, in HSL 207.0°, 53.9%, 52.4%, and in CMYK 65.8%, 29.6%, 0.0%, 22.0%. The nearest named color is steelblue 3.

On this page

ค่าสี

HEX

#448CC7

RGB

68, 140, 199

HSL

207.0, 53.9%, 52.4%

HSV

207.0, 65.8%, 78.0%

CMYK

65.8%, 29.6%, 0.0%, 22.0%

OKLCH

0.6201 0.1151 245.9

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: steelblue 3

จิตวิทยาสี

True blue is the world's most popular favorite color, representing trust, competence, and stability. It suppresses appetite and promotes productivity, making it ideal for work environments. Blue is the dominant color in corporate branding because it communicates reliability without emotional excess.

Design Usage

Medium blue is the default choice for primary buttons, navigation bars, and link text across the web. It forms the foundation of design systems for banking, insurance, and enterprise SaaS products. While universally safe, it benefits from a distinctive hue angle or saturation to avoid blending into the sea of blue brands.

ความกลมกลืนของสี

สีตรงข้าม

#448CC7

#C77F44

สีใกล้เคียง

#44C7C1

#444BC7

#448CC7

สามสี

#448CC7

#C7448C

#8CC744

สีตรงข้ามแบบแยก

#448CC7

#C7444B

#C7C144

สี่สี

#448CC7

#C144C7

#C77F44

#4BC744

การจำลองตาบอดสี

ต้นฉบับ

#448CC7

ตาบอดสีแดง

#6364B9

ตาบอดสีเขียว

#5F5AB5

ตาบอดสีน้ำเงิน

#48ADAB

ตาบอดสีทั้งหมด

#818181

การใช้งาน CSS

background-color: #448CC7;

color: #448CC7;

border-color: #448CC7;

Tailwind ที่ใกล้เคียงที่สุด: Sky 600 #0284C7

เฉดสี Tailwind

ตรวจสอบความเปรียบต่าง

ข้อความบนพื้นขาว

3.61:1

AA Fail AAA Fail

ข้อความบนพื้นดำ

5.82:1

AA Pass AAA Fail

เปรียบเทียบกับ

บทความที่เกี่ยวข้อง

บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026

บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

บทเรียนแนะนำ

พื้นที่สีเชิงรับรู้: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #448CC7?

RGB(68, 140, 199) · HSL(207.0, 53.9%, 52.4%) · CMYK(65.8%, 29.6%, 0.0%, 22.0%)

Does #448CC7 meet WCAG contrast on white?

3.61:1 — WCAG AA ไม่ผ่าน, AAA ไม่ผ่าน for normal text.

What text color is readable on #448CC7?

Use 000000 text on a #448CC7 background; contrast on black is 5.82:1.