ColorTool
Se connecter
#F3C8A0

#f3c8a0 ≈ Peach Orange

  • orange
  • Luminosité: élevée
  • Saturation: modérée
  • Chaude
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#f3c8a0 est une couleur de la famille « orange », avec une luminosité élevée et une saturation modérée. Dans le modèle RGB, elle se compose de 95,29 % de rouge, 78,43 % de vert et 62,75 % de bleu ; imprimée en CMJN, elle utilise 0 % de cyan, 17,7 % de magenta, 34,16 % de jaune et 4,71 % de noir. Son angle de teinte est de 28,92°, avec 77,57 % de saturation et 79,02 % de luminosité en HSL. C’est une couleur chaude, souvent associée à l’enthousiasme, la chaleur et la créativité. Les designers l’utilisent souvent pour les boutons d’appel à l’action, les marques alimentaires et les restaurants et les palettes pastel douces. Un texte noir sur cette couleur atteint un rapport de contraste de 13,58:1 (WCAG AAA). La couleur nommée la plus proche est Peach Orange (#ffcc99), ΔE 3,14.

Description générée à partir des propriétés mesurées de cette couleur.

HEX
RGB
RGB en pourcentage
CMY
CMYK
HSL
HSV / HSB
Web sûr#ffcc99
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binaire
Décimal
Luminance relative0.629

Complémentaire

  1. #f3c8a0
  2. #a0cbf3

Complémentaire divisé

  1. #f3c8a0
  2. #a0f3f2
  3. #a0a1f3

Analogue

  1. #f3a0a1
  2. #f3c8a0
  3. #f3f2a0

Triadique

  1. #f3c8a0
  2. #a0f3c8
  3. #c8a0f3

Tétradique

  1. #f3c8a0
  2. #cbf3a0
  3. #a0cbf3
  4. #c8a0f3

Carré

  1. #f3c8a0
  2. #a1f3a0
  3. #a0cbf3
  4. #f2a0f3

Monochrome

  1. #de7a1c
  2. #eaa15c
  3. #f3c8a0
  4. #fcefe4
  5. #fdf5ed

Ombres

#f3c8a0 mélangé progressivement avec du noir.

  1. #f3c8a0
  2. #dbb490
  3. #c2a080
  4. #aa8c70
  5. #927860
  6. #7a6450
  7. #615040
  8. #493c30
  9. #312820
  10. #181410
  11. #000000

Teintes

#f3c8a0 mélangé progressivement avec du blanc.

  1. #f3c8a0
  2. #f4ceaa
  3. #f5d3b3
  4. #f7d9bd
  5. #f8dec6
  6. #f9e4d0
  7. #fae9d9
  8. #fbefe3
  9. #fdf4ec
  10. #fefaf6
  11. #ffffff

Tons

#f3c8a0 mélangé progressivement avec du gris.

  1. #f3c8a0
  2. #e8c19d
  3. #dcba9a
  4. #d1b296
  5. #c5ab93
  6. #baa490
  7. #ae9d8d
  8. #a3968a
  9. #978e86
  10. #8c8783
  11. #808080

Texte lisible 1.55:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 13.58:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #d0d0d0 ≈ 0.003% des hommes
Achromatomalie #dfcdbf ≈ 0.001% des hommes
Protanopie #d6ca9d ≈ 1.01% des hommes
Deutéranopie #e0d4a1 ≈ 1.27% des hommes
Tritanopie #ffbfbd ≈ 0.0001% des hommes
Protanomalie #e2c99e ≈ 1.08% des hommes
Deutéranomalie #e8cfa0 ≈ 4.63% des hommes
Tritanomalie #fcc2b2 ≈ 0.0002% des hommes
Simuler sur votre propre image

Texte de cette couleur

Fond de cette couleur

Bordure de cette couleur

Couleur du texte
.text-f3c8a0 {
  color: #f3c8a0;
}
Arrière-plan
.bg-f3c8a0 {
  background-color: #f3c8a0;
  color: #000000;
}
Bordure
.border-f3c8a0 {
  border: 2px solid #f3c8a0;
}
Variables CSS
:root {
  --color-primary: #f3c8a0;
  --color-primary-rgb: 243 200 160;
  --color-primary-hsl: 29 78% 79%;
}
Dégradé
.gradient-f3c8a0 {
  background: linear-gradient(135deg, #f3c8a0, #f3f2a0);
}
Ombre colorée
.shadow-f3c8a0 {
  box-shadow: 0 8px 24px rgb(243 200 160 / 0.35);
}

#ffcc99 Peach Orange ΔE 3.14 #fdd5b1 Light Apricot ΔE 3.17 #edc9af Desert Sand ΔE 4.26 #fbceb1 Apricot ΔE 4.36 #ffdab9 Peach Puff ΔE 4.54 #fad6a5 Sunset ΔE 4.91 #deb887 Burly Wood ΔE 5.63 #0c375f Inversée #d0d0d0 Niveaux de gris 

Peach Orange
#f3c8a0  rgb(243, 200, 160)  hsl(29, 78%, 79%)  Peach Orange
#a0cbf3  rgb(160, 203, 243)  hsl(209, 78%, 79%)  Light Sky Blue
#a0f3c8  rgb(160, 243, 200)  hsl(149, 78%, 79%)  Magic Mint
#c8a0f3  rgb(200, 160, 243)  hsl(269, 78%, 79%)  Mauve