ColorTool
Accedi
#EF6F81

#ef6f81 ≈ Light Coral

  • rosso
  • Luminosità: alta
  • Saturazione: forte
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#ef6f81 è un colore della famiglia «rosso», con luminosità alta e saturazione forte. Nel modello RGB è composto da 93,73% di rosso, 43,53% di verde e 50,59% di blu; in stampa CMYK usa 0% di ciano, 53,56% di magenta, 46,03% di giallo e 6,27% di nero. Il suo angolo di tinta è 351,56°, con 80% di saturazione e 68,63% di luminosità in HSL. È un colore caldo, spesso associato a energia, passione e urgenza. I designer lo usano spesso per marchi alimentari e ristoranti, saldi e promozioni e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 7,26:1 (WCAG AAA). Il colore con nome più vicino è Light Coral (#f08080), ΔE 5,59.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #ef6f81
  2. #6fefdd

Complementare diviso

  1. #ef6f81
  2. #6fef9d
  3. #6fc1ef

Analogo

  1. #ef6fc1
  2. #ef6f81
  3. #ef9d6f

Triadico

  1. #ef6f81
  2. #81ef6f
  3. #6f81ef

Tetradico

  1. #ef6f81
  2. #efdd6f
  3. #6fefdd
  4. #6f81ef

Quadrato

  1. #ef6f81
  2. #c1ef6f
  3. #6fefdd
  4. #9d6fef

Monocromatico

  1. #b1142a
  2. #e72a45
  3. #ef6f81
  4. #f7b4bd
  5. #fdedef

Ombre

#ef6f81 miscelato progressivamente con il nero.

  1. #ef6f81
  2. #d76474
  3. #bf5967
  4. #a74e5a
  5. #8f434d
  6. #783841
  7. #602c34
  8. #482127
  9. #30161a
  10. #180b0d
  11. #000000

Tinte

#ef6f81 miscelato progressivamente con il bianco.

  1. #ef6f81
  2. #f17d8e
  3. #f28c9a
  4. #f49aa7
  5. #f5a9b3
  6. #f7b7c0
  7. #f9c5cd
  8. #fad4d9
  9. #fce2e6
  10. #fdf1f2
  11. #ffffff

Toni

#ef6f81 miscelato progressivamente con il grigio.

  1. #ef6f81
  2. #e47181
  3. #d97281
  4. #ce7481
  5. #c37681
  6. #b87881
  7. #ac7980
  8. #a17b80
  9. #967d80
  10. #8b7e80
  11. #808080

Testo leggibile 2.89:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 7.26:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #989898 ≈ 0.003% degli uomini
Acromatomalia #c1898f ≈ 0.001% degli uomini
Protanopia #8a8881 ≈ 1.01% degli uomini
Deuteranopia #aaa27e ≈ 1.27% degli uomini
Tritanopia #ff5e76 ≈ 0.0001% degli uomini
Protanomalia #bb7f81 ≈ 1.08% degli uomini
Deuteranomalia #ca907f ≈ 4.63% degli uomini
Tritanomalia #fb657a ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-ef6f81 {
  color: #ef6f81;
}
Sfondo
.bg-ef6f81 {
  background-color: #ef6f81;
  color: #000000;
}
Bordo
.border-ef6f81 {
  border: 2px solid #ef6f81;
}
Variabili CSS
:root {
  --color-primary: #ef6f81;
  --color-primary-rgb: 239 111 129;
  --color-primary-hsl: 352 80% 69%;
}
Sfumatura
.gradient-ef6f81 {
  background: linear-gradient(135deg, #ef6f81, #ef9d6f);
}
Ombra colorata
.shadow-ef6f81 {
  box-shadow: 0 8px 24px rgb(239 111 129 / 0.35);
}

#f08080 Light Coral ΔE 5.59 #de5d83 Blush ΔE 7.24 #db7093 Pale Violet Red ΔE 7.53 #fe4164 Neon Fuchsia ΔE 7.56 #ff91a4 Salmon Pink ΔE 8.41 #f64a8a French Rose ΔE 8.96 #fc8eac Flamingo Pink ΔE 9.33 #10907e Invertito #989898 Scala di grigi 

Light Coral
#ef6f81  rgb(239, 111, 129)  hsl(352, 80%, 69%)  Light Coral
#6fefdd  rgb(111, 239, 221)  hsl(172, 80%, 69%)  Turquoise
#81ef6f  rgb(129, 239, 111)  hsl(112, 80%, 69%)  Light Green
#6f81ef  rgb(111, 129, 239)  hsl(232, 80%, 69%)  Glaucous