ColorTool
Accedi
#0786B0

#0786b0 ≈ Cerulean

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

#0786b0 è un colore della famiglia «ciano», con luminosità bassa e saturazione forte. Nel modello RGB è composto da 2,75% di rosso, 52,55% di verde e 69,02% di blu; in stampa CMYK usa 96,02% di ciano, 23,86% di magenta, 0% di giallo e 30,98% di nero. Il suo angolo di tinta è 194,91°, con 92,35% di saturazione e 35,88% 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 pulsanti di invito all’azione. Il testo nero su questo colore raggiunge un rapporto di contrasto di 5,05:1 (WCAG AA). Il colore con nome più vicino è Cerulean (#007ba7), ΔE 4,21.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #0786b0
  2. #b03107

Complementare diviso

  1. #0786b0
  2. #b00732
  3. #b08507

Analogo

  1. #07b085
  2. #0786b0
  3. #0732b0

Triadico

  1. #0786b0
  2. #b00786
  3. #86b007

Tetradico

  1. #0786b0
  2. #3107b0
  3. #b03107
  4. #86b007

Quadrato

  1. #0786b0
  2. #8507b0
  3. #b03107
  4. #32b007

Monocromatico

  1. #01161d
  2. #044e66
  3. #0786b0
  4. #0ebcf5
  5. #58d0f8

Ombre

#0786b0 miscelato progressivamente con il nero.

  1. #0786b0
  2. #06799e
  3. #066b8d
  4. #055e7b
  5. #04506a
  6. #044358
  7. #033646
  8. #022835
  9. #011b23
  10. #010d12
  11. #000000

Tinte

#0786b0 miscelato progressivamente con il bianco.

  1. #0786b0
  2. #2092b8
  3. #399ec0
  4. #51aac8
  5. #6ab6d0
  6. #83c3d8
  7. #9ccfdf
  8. #b5dbe7
  9. #cde7ef
  10. #e6f3f7
  11. #ffffff

Toni

#0786b0 miscelato progressivamente con il grigio.

  1. #0786b0
  2. #1385ab
  3. #1f85a6
  4. #2b84a2
  5. #37849d
  6. #448398
  7. #508293
  8. #5c828e
  9. #68818a
  10. #748185
  11. #808080

Testo leggibile 4.16:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 5.05:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7c7c7c ≈ 0.003% degli uomini
Acromatomalia #628094 ≈ 0.001% degli uomini
Protanopia #7084b2 ≈ 1.01% degli uomini
Deuteranopia #5c76af ≈ 1.27% degli uomini
Tritanopia #009294 ≈ 0.0001% degli uomini
Protanomalia #5885b1 ≈ 1.08% degli uomini
Deuteranomalia #487db0 ≈ 4.63% degli uomini
Tritanomalia #008da0 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-0786b0 {
  color: #0786b0;
}
Sfondo
.bg-0786b0 {
  background-color: #0786b0;
  color: #000000;
}
Bordo
.border-0786b0 {
  border: 2px solid #0786b0;
}
Variabili CSS
:root {
  --color-primary: #0786b0;
  --color-primary-rgb: 7 134 176;
  --color-primary-hsl: 195 92% 36%;
}
Sfumatura
.gradient-0786b0 {
  background: linear-gradient(135deg, #0786b0, #0732b0);
}
Ombra colorata
.shadow-0786b0 {
  box-shadow: 0 8px 24px rgb(7 134 176 / 0.35);
}

#007ba7 Cerulean ΔE 4.21 #0095b6 Bondi Blue ΔE 6.26 #5d8aa8 Air Force Blue ΔE 7.12 #4682b4 Steel Blue ΔE 7.12 #367588 Teal Blue ΔE 8.99 #417dc1 Tufts Blue ΔE 10.41 #0072bb French Blue ΔE 10.79 #f8794f Invertito #7c7c7c Scala di grigi 

Cerulean
#0786b0  rgb(7, 134, 176)  hsl(195, 92%, 36%)  Cerulean
#b03107  rgb(176, 49, 7)  hsl(15, 92%, 36%)  Rust
#b00786  rgb(176, 7, 134)  hsl(315, 92%, 36%)  Medium Violet Red
#86b007  rgb(134, 176, 7)  hsl(75, 92%, 36%)  Apple Green