ColorTool
Accedi
#2AC2DF

#2ac2df ≈ Sky Blue

  • ciano
  • Luminosità: media
  • Saturazione: forte
  • Freddo
Verifica il contrasto Esplora nel grafo Colore casuale

#2ac2df è un colore della famiglia «ciano», con luminosità media e saturazione forte. Nel modello RGB è composto da 16,47% di rosso, 76,08% di verde e 87,45% di blu; in stampa CMYK usa 81,17% di ciano, 13% di magenta, 0% di giallo e 12,55% di nero. Il suo angolo di tinta è 189,61°, con 73,88% di saturazione e 51,96% di luminosità in HSL. È un colore freddo, spesso associato a freschezza, tecnologia e chiarezza. I designer lo usano spesso per salute e benessere, prodotti tecnologici e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 9,88:1 (WCAG AAA). Il colore con nome più vicino è Sky Blue (#87ceeb), ΔE 8,19.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #2ac2df
  2. #df472a

Complementare diviso

  1. #2ac2df
  2. #df2a68
  3. #dfa12a

Analogo

  1. #2adfa1
  2. #2ac2df
  3. #2a68df

Triadico

  1. #2ac2df
  2. #df2ac2
  3. #c2df2a

Tetradico

  1. #2ac2df
  2. #472adf
  3. #df472a
  4. #c2df2a

Quadrato

  1. #2ac2df
  2. #a12adf
  3. #df472a
  4. #68df2a

Monocromatico

  1. #0f5461
  2. #198ea4
  3. #2ac2df
  4. #6dd5e9
  5. #afe8f3

Ombre

#2ac2df miscelato progressivamente con il nero.

  1. #2ac2df
  2. #26afc9
  3. #229bb2
  4. #1d889c
  5. #197486
  6. #156170
  7. #114e59
  8. #0d3a43
  9. #08272d
  10. #041316
  11. #000000

Tinte

#2ac2df miscelato progressivamente con il bianco.

  1. #2ac2df
  2. #3fc8e2
  3. #55cee5
  4. #6ad4e9
  5. #7fdaec
  6. #95e1ef
  7. #aae7f2
  8. #bfedf5
  9. #d4f3f9
  10. #eaf9fc
  11. #ffffff

Toni

#2ac2df miscelato progressivamente con il grigio.

  1. #2ac2df
  2. #33bbd6
  3. #3bb5cc
  4. #44aec3
  5. #4ca8b9
  6. #55a1b0
  7. #5e9aa6
  8. #66949d
  9. #6f8d93
  10. #77878a
  11. #808080

Testo leggibile 2.13:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 9.88:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #b2b2b2 ≈ 0.003% degli uomini
Acromatomalia #8fb8c6 ≈ 0.001% degli uomini
Protanopia #adbce1 ≈ 1.01% degli uomini
Deuteranopia #96aadf ≈ 1.27% degli uomini
Tritanopia #00cdcb ≈ 0.0001% degli uomini
Protanomalia #8cbee0 ≈ 1.08% degli uomini
Deuteranomalia #79b4df ≈ 4.63% degli uomini
Tritanomalia #00c9d3 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-2ac2df {
  color: #2ac2df;
}
Sfondo
.bg-2ac2df {
  background-color: #2ac2df;
  color: #000000;
}
Bordo
.border-2ac2df {
  border: 2px solid #2ac2df;
}
Variabili CSS
:root {
  --color-primary: #2ac2df;
  --color-primary-rgb: 42 194 223;
  --color-primary-hsl: 190 74% 52%;
}
Sfumatura
.gradient-2ac2df {
  background: linear-gradient(135deg, #2ac2df, #2a68df);
}
Ombra colorata
.shadow-2ac2df {
  box-shadow: 0 8px 24px rgb(42 194 223 / 0.35);
}

#87ceeb Sky Blue ΔE 8.19 #89cff0 Baby Blue ΔE 9.08 #00bfff Deep Sky Blue ΔE 9.47 #00ced1 Dark Turquoise ΔE 9.73 #73a9c2 Moonstone Blue ΔE 10.05 #00cccc Robin Egg Blue ΔE 10.59 #87cefa Light Sky Blue ΔE 10.98 #d53d20 Invertito #b2b2b2 Scala di grigi 

Sky Blue
#2ac2df  rgb(42, 194, 223)  hsl(190, 74%, 52%)  Sky Blue
#df472a  rgb(223, 71, 42)  hsl(10, 74%, 52%)  Cinnabar
#df2ac2  rgb(223, 42, 194)  hsl(310, 74%, 52%)  Shocking Pink
#c2df2a  rgb(194, 223, 42)  hsl(70, 74%, 52%)  Pear