ColorTool
Accedi
#3A9BAD

#3a9bad ≈ Bondi Blue

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

#3a9bad è un colore della famiglia «ciano», con luminosità media e saturazione moderata. Nel modello RGB è composto da 22,75% di rosso, 60,78% di verde e 67,84% di blu; in stampa CMYK usa 66,47% di ciano, 10,4% di magenta, 0% di giallo e 32,16% di nero. Il suo angolo di tinta è 189,39°, con 49,78% di saturazione e 45,29% 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 6,47:1 (WCAG AA). Il colore con nome più vicino è Bondi Blue (#0095b6), ΔE 5,14.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #3a9bad
  2. #ad4c3a

Complementare diviso

  1. #3a9bad
  2. #ad3a61
  3. #ad853a

Analogo

  1. #3aad85
  2. #3a9bad
  3. #3a61ad

Triadico

  1. #3a9bad
  2. #ad3a9b
  3. #9bad3a

Tetradico

  1. #3a9bad
  2. #4c3aad
  3. #ad4c3a
  4. #9bad3a

Quadrato

  1. #3a9bad
  2. #853aad
  3. #ad4c3a
  4. #61ad3a

Monocromatico

  1. #14343a
  2. #276874
  3. #3a9bad
  4. #67bccc
  5. #a1d6df

Ombre

#3a9bad miscelato progressivamente con il nero.

  1. #3a9bad
  2. #348c9c
  3. #2e7c8a
  4. #296d79
  5. #235d68
  6. #1d4e57
  7. #173e45
  8. #112f34
  9. #0c1f23
  10. #061011
  11. #000000

Tinte

#3a9bad miscelato progressivamente con il bianco.

  1. #3a9bad
  2. #4ea5b5
  3. #61afbd
  4. #75b9c6
  5. #89c3ce
  6. #9dcdd6
  7. #b0d7de
  8. #c4e1e6
  9. #d8ebef
  10. #ebf5f7
  11. #ffffff

Toni

#3a9bad miscelato progressivamente con il grigio.

  1. #3a9bad
  2. #4198a9
  3. #4896a4
  4. #4f93a0
  5. #56909b
  6. #5d8e97
  7. #648b92
  8. #6b888e
  9. #728589
  10. #798385
  11. #808080

Testo leggibile 3.24:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 6.47:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #8f8f8f ≈ 0.003% degli uomini
Acromatomalia #76949c ≈ 0.001% degli uomini
Protanopia #8d96ae ≈ 1.01% degli uomini
Deuteranopia #7c89ad ≈ 1.27% degli uomini
Tritanopia #00a2a0 ≈ 0.0001% degli uomini
Protanomalia #7598ae ≈ 1.08% degli uomini
Deuteranomalia #6891ad ≈ 4.63% degli uomini
Tritanomalia #00a0a6 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-3a9bad {
  color: #3a9bad;
}
Sfondo
.bg-3a9bad {
  background-color: #3a9bad;
  color: #000000;
}
Bordo
.border-3a9bad {
  border: 2px solid #3a9bad;
}
Variabili CSS
:root {
  --color-primary: #3a9bad;
  --color-primary-rgb: 58 155 173;
  --color-primary-hsl: 189 50% 45%;
}
Sfumatura
.gradient-3a9bad {
  background: linear-gradient(135deg, #3a9bad, #3a61ad);
}
Ombra colorata
.shadow-3a9bad {
  box-shadow: 0 8px 24px rgb(58 155 173 / 0.35);
}

#0095b6 Bondi Blue ΔE 5.14 #5f9ea0 Cadet Blue ΔE 6.44 #73a9c2 Moonstone Blue ΔE 9.27 #008b8b Dark Cyan ΔE 10.23 #5d8aa8 Air Force Blue ΔE 10.92 #43b3ae Verdigris ΔE 11.50 #56a0d3 Carolina Blue ΔE 12.38 #c56452 Invertito #8f8f8f Scala di grigi 

Bondi Blue
#3a9bad  rgb(58, 155, 173)  hsl(189, 50%, 45%)  Bondi Blue
#ad4c3a  rgb(173, 76, 58)  hsl(9, 50%, 45%)  Chestnut
#ad3a9b  rgb(173, 58, 155)  hsl(309, 50%, 45%)  Deep Plum
#9bad3a  rgb(155, 173, 58)  hsl(69, 50%, 45%)  Apple Green