#C4BDF7

#C4BDF7

Overview

#C4BDF7 is a cool, light color. In RGB it is 196, 189, 247, in HSL 247.2°, 78.4%, 85.5%, and in CMYK 20.6%, 23.5%, 0.0%, 3.1%. The nearest named color is NCS S 0520-R80B Light Lavender.

On this page

Valeurs de couleur

HEX

#C4BDF7

RGB

196, 189, 247

HSL

247,2, 78,4%, 85,5%

HSV

247,2, 23,5%, 96,9%

CMYK

20,6%, 23,5%, 0,0%, 3,1%

OKLCH

0,8239 0,081 290,0

Propriétés

Froid Clair Le plus proche : NCS S 0520-R80B Light Lavender

Psychologie des couleurs

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.

Harmonies de couleurs

Complémentaire

#C4BDF7

#F0F7BD

Analogue

#BDD3F7

#E1BDF7

#C4BDF7

Triadique

#C4BDF7

#F7C4BD

#BDF7C4

Complémentaire divisé

#C4BDF7

#F7E1BD

#D3F7BD

Tétradique

#C4BDF7

#F7BDD3

#F0F7BD

#BDF7E1

Simulation de daltonisme

Original

#C4BDF7

Protanopie

#C1C1E9

Deutéranopie

#C1C2E6

Tritanopie

#C4DEDB

Achromatopsie

#C3C3C3

Utilisation CSS

background-color: #C4BDF7;
color: #C4BDF7;
border-color: #C4BDF7;
Tailwind le plus proche : Violet 300 #C4B5FD

Nuances Tailwind

50
#F3F2FC
100
#E4E1F9
200
#C6BFF7
300
#9D92F2
400
#6857EB
500
#341CE3
600
#2916B6
700
#211292
800
#1A0E72
900
#160E53
950
#0E0934

Vérificateur de contraste

Texte sur blanc

1,75:1

AA Fail AAA Fail

Texte sur noir

11,97:1

AA Pass AAA Pass

Comparer avec

#C4BDF7
#F0F7BD
#C4BDF7
#FFFFFF
#000000
#C4BDF7

Articles associés

Tutoriels

CSS color-mix() : mélanger des couleurs nativement dans le navigateur

Jan 26, 2026
Tutoriels

Créer un sélecteur de couleur Web Component from scratch

Jan 21, 2026
Tutoriels

Espaces colorimétriques perceptuels : Lab, LCH, Oklab, OKLCH

Jan 15, 2026

Questions fréquemment posées

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

RGB(196, 189, 247) · HSL(247,2, 78,4%, 85,5%) · CMYK(20,6%, 23,5%, 0,0%, 3,1%)

Does #C4BDF7 meet WCAG contrast on white?

1,75:1 — WCAG AA Échoué, AAA Échoué for normal text.

What text color is readable on #C4BDF7?

Use 000000 text on a #C4BDF7 background; contrast on black is 11,97:1.