#CCDCF0

#CCDCF0

قيم الألوان

HEX

#CCDCF0

RGB

204, 220, 240

HSL

213,3, 54,5%, 87,1%

HSV

213,3, 15,0%, 94,1%

CMYK

15,0%, 8,3%, 0,0%, 5,9%

OKLCH

0,8886 0,0325 254,0

الخصائص

بارد فاتح الأقرب: Periwinkle

علم نفس الألوان

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

تناسقات الألوان

تكميلي

#CCDCF0

#F0E0CC

متشابه

#CCEEF0

#CECCF0

#CCDCF0

ثلاثي

#CCDCF0

#F0CCDC

#DCF0CC

تكميلي منقسم

#CCDCF0

#F0CECC

#EEF0CC

رباعي

#CCDCF0

#F0CCEE

#F0E0CC

#CCF0CE

محاكاة عمى الألوان

الأصلي

#CCDCF0

Protanopia

#D3D3EB

Deuteranopia

#D2D1EA

Tritanopia

#CDE7E6

Achromatopsia

#DADADA

استخدام CSS

background-color: #CCDCF0;

color: #CCDCF0;

border-color: #CCDCF0;

أقرب Tailwind: Blue 100 #DBEAFE

ظلال Tailwind

فاحص التباين

نص على الأبيض

1,39:1

AA Fail AAA Fail

نص على الأسود

15,06:1

AA Pass AAA Pass

قارن مع

المقالات ذات الصلة

دروس تعليمية

دالة color-mix() في CSS: مزج الألوان محليًا في المتصفح

يناير 26, 2026

دروس تعليمية

بناء منتقي ألوان كـ Web Component من الصفر

يناير 21, 2026

دروس تعليمية

الفضاءات اللونية الإدراكية: Lab وLCH وOklab وOKLCH

يناير 15, 2026

الأسئلة المتكررة

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

RGB(204, 220, 240) · HSL(213,3, 54,5%, 87,1%) · CMYK(15,0%, 8,3%, 0,0%, 5,9%)

Does #CCDCF0 meet WCAG contrast on white?

1,39:1 — WCAG AA فاشل, AAA فاشل for normal text.

What text color is readable on #CCDCF0?

Use 000000 text on a #CCDCF0 background; contrast on black is 15,06:1.