ColorTool
Accedi
#F0CDD4

#f0cdd4 ≈ Pale Pink

  • rosa
  • Luminosità: molto alta
  • Saturazione: attenuata
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#f0cdd4 è un colore della famiglia «rosa», con luminosità molto alta e saturazione attenuata. Nel modello RGB è composto da 94,12% di rosso, 80,39% di verde e 83,14% di blu; in stampa CMYK usa 0% di ciano, 14,58% di magenta, 11,67% di giallo e 5,88% di nero. Il suo angolo di tinta è 348°, con 53,85% di saturazione e 87,25% di luminosità in HSL. È un colore caldo, spesso associato a tenerezza, cura e dolcezza. I designer lo usano spesso per bellezza e cosmetica, matrimoni e celebrazioni e palette pastello delicate. Il testo nero su questo colore raggiunge un rapporto di contrasto di 14,39:1 (WCAG AAA). Il colore con nome più vicino è Pale Pink (#fadadd), ΔE 3,33.

Descrizione generata dalle proprietà misurate di questo colore.

HEX
RGB
RGB percentuale
CMY
CMYK
HSL
HSV / HSB
Web-safe#ffcccc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimale
Luminanza relativa0.6694

Complementare

  1. #f0cdd4
  2. #cdf0e9

Complementare diviso

  1. #f0cdd4
  2. #cdf0d7
  3. #cde5f0

Analogo

  1. #f0cde5
  2. #f0cdd4
  3. #f0d7cd

Triadico

  1. #f0cdd4
  2. #d4f0cd
  3. #cdd4f0

Tetradico

  1. #f0cdd4
  2. #f0e9cd
  3. #cdf0e9
  4. #cdd4f0

Quadrato

  1. #f0cdd4
  2. #e5f0cd
  3. #cdf0e9
  4. #d7cdf0

Monocromatico

  1. #cd576f
  2. #de92a1
  3. #f0cdd4
  4. #faeff2
  5. #faeff2

Ombre

#f0cdd4 miscelato progressivamente con il nero.

  1. #f0cdd4
  2. #d8b9bf
  3. #c0a4aa
  4. #a89094
  5. #907b7f
  6. #78676a
  7. #605255
  8. #483e40
  9. #30292a
  10. #181515
  11. #000000

Tinte

#f0cdd4 miscelato progressivamente con il bianco.

  1. #f0cdd4
  2. #f2d2d8
  3. #f3d7dd
  4. #f5dce1
  5. #f6e1e5
  6. #f8e6ea
  7. #f9ebee
  8. #fbf0f2
  9. #fcf5f6
  10. #fefafb
  11. #ffffff

Toni

#f0cdd4 miscelato progressivamente con il grigio.

  1. #f0cdd4
  2. #e5c5cc
  3. #dabec3
  4. #ceb6bb
  5. #c3aeb2
  6. #b8a7aa
  7. #ad9fa2
  8. #a29799
  9. #968f91
  10. #8b8888
  11. #808080

Testo leggibile 1.46:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 14.39:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #d6d6d6 ≈ 0.003% degli uomini
Acromatomalia #e1d2d5 ≈ 0.001% degli uomini
Protanopia #d1d2d4 ≈ 1.01% degli uomini
Deuteranopia #d9d8d3 ≈ 1.27% degli uomini
Tritanopia #f7cbcf ≈ 0.0001% degli uomini
Protanomalia #ded0d4 ≈ 1.08% degli uomini
Deuteranomalia #e3d4d4 ≈ 4.63% degli uomini
Tritanomalia #f4ccd1 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-f0cdd4 {
  color: #f0cdd4;
}
Sfondo
.bg-f0cdd4 {
  background-color: #f0cdd4;
  color: #000000;
}
Bordo
.border-f0cdd4 {
  border: 2px solid #f0cdd4;
}
Variabili CSS
:root {
  --color-primary: #f0cdd4;
  --color-primary-rgb: 240 205 212;
  --color-primary-hsl: 348 54% 87%;
}
Sfumatura
.gradient-f0cdd4 {
  background: linear-gradient(135deg, #f0cdd4, #f0d7cd);
}
Ombra colorata
.shadow-f0cdd4 {
  box-shadow: 0 8px 24px rgb(240 205 212 / 0.35);
}

#fadadd Pale Pink ΔE 3.33 #f4c2c2 Baby Pink ΔE 5.16 #ffc1cc Bubble Gum ΔE 6.70 #ffe4e1 Misty Rose ΔE 6.88 #ffc0cb Pink ΔE 6.92 #d8bfd8 Thistle ΔE 8.03 #d6cadd Languid Lavender ΔE 8.83 #0f322b Invertito #d6d6d6 Scala di grigi 

Pale Pink
#f0cdd4  rgb(240, 205, 212)  hsl(348, 54%, 87%)  Pale Pink
#cdf0e9  rgb(205, 240, 233)  hsl(168, 54%, 87%)  Light Cyan
#d4f0cd  rgb(212, 240, 205)  hsl(108, 54%, 87%)  Tea Green
#cdd4f0  rgb(205, 212, 240)  hsl(228, 54%, 87%)  Lavender