ColorTool
Accedi
#568F9F

#568f9f ≈ Bondi Blue

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

#568f9f è un colore della famiglia «ciano», con luminosità media e saturazione moderata. Nel modello RGB è composto da 33,73% di rosso, 56,08% di verde e 62,35% di blu; in stampa CMYK usa 45,91% di ciano, 10,06% di magenta, 0% di giallo e 37,65% di nero. Il suo angolo di tinta è 193,15°, con 29,8% di saturazione e 48,04% 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 5,83:1 (WCAG AA). Il colore con nome più vicino è Bondi Blue (#0095b6), ΔE 6,44.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #568f9f
  2. #9f6656

Complementare diviso

  1. #568f9f
  2. #9f566b
  3. #9f8b56

Analogo

  1. #569f8b
  2. #568f9f
  3. #566b9f

Triadico

  1. #568f9f
  2. #9f568f
  3. #8f9f56

Tetradico

  1. #568f9f
  2. #66569f
  3. #9f6656
  4. #8f9f56

Quadrato

  1. #568f9f
  2. #8b569f
  3. #9f6656
  4. #6b9f56

Monocromatico

  1. #20363c
  2. #3b626d
  3. #568f9f
  4. #85b1bd
  5. #b6d0d8

Ombre

#568f9f miscelato progressivamente con il nero.

  1. #568f9f
  2. #4d818f
  3. #45727f
  4. #3c646f
  5. #34565f
  6. #2b4850
  7. #223940
  8. #1a2b30
  9. #111d20
  10. #090e10
  11. #000000

Tinte

#568f9f miscelato progressivamente con il bianco.

  1. #568f9f
  2. #679aa9
  3. #78a5b2
  4. #89b1bc
  5. #9abcc5
  6. #abc7cf
  7. #bbd2d9
  8. #ccdde2
  9. #dde9ec
  10. #eef4f5
  11. #ffffff

Toni

#568f9f miscelato progressivamente con il grigio.

  1. #568f9f
  2. #5a8e9c
  3. #5e8c99
  4. #638b96
  5. #678993
  6. #6b8890
  7. #6f868c
  8. #738589
  9. #788386
  10. #7c8283
  11. #808080

Testo leggibile 3.6:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 5.83:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #878787 ≈ 0.003% degli uomini
Acromatomalia #768a91 ≈ 0.001% degli uomini
Protanopia #848ca0 ≈ 1.01% degli uomini
Deuteranopia #79839f ≈ 1.27% degli uomini
Tritanopia #349594 ≈ 0.0001% degli uomini
Protanomalia #758da0 ≈ 1.08% degli uomini
Deuteranomalia #6d889f ≈ 4.63% degli uomini
Tritanomalia #449298 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-568f9f {
  color: #568f9f;
}
Sfondo
.bg-568f9f {
  background-color: #568f9f;
  color: #000000;
}
Bordo
.border-568f9f {
  border: 2px solid #568f9f;
}
Variabili CSS
:root {
  --color-primary: #568f9f;
  --color-primary-rgb: 86 143 159;
  --color-primary-hsl: 193 30% 48%;
}
Sfumatura
.gradient-568f9f {
  background: linear-gradient(135deg, #568f9f, #566b9f);
}
Ombra colorata
.shadow-568f9f {
  box-shadow: 0 8px 24px rgb(86 143 159 / 0.35);
}

#0095b6 Bondi Blue ΔE 6.44 #5d8aa8 Air Force Blue ΔE 7.22 #5f9ea0 Cadet Blue ΔE 7.97 #73a9c2 Moonstone Blue ΔE 9.57 #367588 Teal Blue ΔE 10.24 #778899 Light Slate Gray ΔE 10.76 #778899 Light Slate Grey ΔE 10.76 #a97060 Invertito #878787 Scala di grigi 

Bondi Blue
#568f9f  rgb(86, 143, 159)  hsl(193, 30%, 48%)  Bondi Blue
#9f6656  rgb(159, 102, 86)  hsl(13, 30%, 48%)  Redwood
#9f568f  rgb(159, 86, 143)  hsl(313, 30%, 48%)  Deep Plum
#8f9f56  rgb(143, 159, 86)  hsl(73, 30%, 48%)  Moss Green