ColorTool
Accedi
#2AB7CE

#2ab7ce ≈ Moonstone Blue

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

#2ab7ce è un colore della famiglia «ciano», con luminosità media e saturazione forte. Nel modello RGB è composto da 16,47% di rosso, 71,76% di verde e 80,78% di blu; in stampa CMYK usa 79,61% di ciano, 11,17% di magenta, 0% di giallo e 19,22% di nero. Il suo angolo di tinta è 188,41°, con 66,13% di saturazione e 48,63% 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 8,76:1 (WCAG AAA). Il colore con nome più vicino è Moonstone Blue (#73a9c2), ΔE 9,2.

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.3882

Complementare

  1. #2ab7ce
  2. #ce412a

Complementare diviso

  1. #2ab7ce
  2. #ce2a65
  3. #ce932a

Analogo

  1. #2ace93
  2. #2ab7ce
  3. #2a65ce

Triadico

  1. #2ab7ce
  2. #ce2ab7
  3. #b7ce2a

Tetradico

  1. #2ab7ce
  2. #412ace
  3. #ce412a
  4. #b7ce2a

Quadrato

  1. #2ab7ce
  2. #932ace
  3. #ce412a
  4. #65ce2a

Monocromatico

  1. #10464f
  2. #1d7f8e
  3. #2ab7ce
  4. #65cee0
  5. #a4e2ed

Ombre

#2ab7ce miscelato progressivamente con il nero.

  1. #2ab7ce
  2. #26a5b9
  3. #2292a5
  4. #1d8090
  5. #196e7c
  6. #155c67
  7. #114952
  8. #0d373e
  9. #082529
  10. #041215
  11. #000000

Tinte

#2ab7ce miscelato progressivamente con il bianco.

  1. #2ab7ce
  2. #3fbed3
  3. #55c5d8
  4. #6acddd
  5. #7fd4e2
  6. #95dbe7
  7. #aae2eb
  8. #bfe9f0
  9. #d4f1f5
  10. #eaf8fa
  11. #ffffff

Toni

#2ab7ce miscelato progressivamente con il grigio.

  1. #2ab7ce
  2. #33b2c6
  3. #3bacbe
  4. #44a7b7
  5. #4ca1af
  6. #559ca7
  7. #5e969f
  8. #669197
  9. #6f8b90
  10. #778688
  11. #808080

Testo leggibile 2.4:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 8.76:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a7a7a7 ≈ 0.003% degli uomini
Acromatomalia #87aeb8 ≈ 0.001% degli uomini
Protanopia #a5b0cf ≈ 1.01% degli uomini
Deuteranopia #8fa1ce ≈ 1.27% degli uomini
Tritanopia #00c0be ≈ 0.0001% degli uomini
Protanomalia #85b3cf ≈ 1.08% degli uomini
Deuteranomalia #74aace ≈ 4.63% degli uomini
Tritanomalia #00bdc5 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-2ab7ce {
  color: #2ab7ce;
}
Sfondo
.bg-2ab7ce {
  background-color: #2ab7ce;
  color: #000000;
}
Bordo
.border-2ab7ce {
  border: 2px solid #2ab7ce;
}
Variabili CSS
:root {
  --color-primary: #2ab7ce;
  --color-primary-rgb: 42 183 206;
  --color-primary-hsl: 188 66% 49%;
}
Sfumatura
.gradient-2ab7ce {
  background: linear-gradient(135deg, #2ab7ce, #2a65ce);
}
Ombra colorata
.shadow-2ab7ce {
  box-shadow: 0 8px 24px rgb(42 183 206 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 9.20 #00ced1 Dark Turquoise ΔE 9.58 #43b3ae Verdigris ΔE 10.01 #00cccc Robin Egg Blue ΔE 10.13 #5f9ea0 Cadet Blue ΔE 10.41 #0abab5 Tiffany Blue ΔE 10.44 #87ceeb Sky Blue ΔE 10.46 #d54831 Invertito #a7a7a7 Scala di grigi 

Moonstone Blue
#2ab7ce  rgb(42, 183, 206)  hsl(188, 66%, 49%)  Moonstone Blue
#ce412a  rgb(206, 65, 42)  hsl(8, 66%, 49%)  Lust
#ce2ab7  rgb(206, 42, 183)  hsl(308, 66%, 49%)  Medium Orchid
#b7ce2a  rgb(183, 206, 42)  hsl(68, 66%, 49%)  June Bud