ColorTool
Accedi
#309BE6

#309be6 ≈ Carolina Blue

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

#309be6 è un colore della famiglia «azzurro», con luminosità media e saturazione forte. Nel modello RGB è composto da 18,82% di rosso, 60,78% di verde e 90,2% di blu; in stampa CMYK usa 79,13% di ciano, 32,61% di magenta, 0% di giallo e 9,8% di nero. Il suo angolo di tinta è 204,73°, con 78,45% di saturazione e 54,51% di luminosità in HSL. È un colore freddo, spesso associato a apertura, libertà e calma. I designer lo usano spesso per prodotti tecnologici, finanza e banche e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 6,96:1 (WCAG AA). Il colore con nome più vicino è Carolina Blue (#56a0d3), ΔE 3,69.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #309be6
  2. #e67b30

Complementare diviso

  1. #309be6
  2. #e63040
  3. #e6d630

Analogo

  1. #30e6d6
  2. #309be6
  3. #3040e6

Triadico

  1. #309be6
  2. #e6309b
  3. #9be630

Tetradico

  1. #309be6
  2. #7b30e6
  3. #e67b30
  4. #9be630

Quadrato

  1. #309be6
  2. #d630e6
  3. #e67b30
  4. #40e630

Monocromatico

  1. #0d4770
  2. #1673b4
  3. #309be6
  4. #74bcee
  5. #b9ddf6

Ombre

#309be6 miscelato progressivamente con il nero.

  1. #309be6
  2. #2b8ccf
  3. #267cb8
  4. #226da1
  5. #1d5d8a
  6. #184e73
  7. #133e5c
  8. #0e2f45
  9. #0a1f2e
  10. #051017
  11. #000000

Tinte

#309be6 miscelato progressivamente con il bianco.

  1. #309be6
  2. #45a5e9
  3. #59afeb
  4. #6eb9ee
  5. #83c3f0
  6. #98cdf3
  7. #acd7f5
  8. #c1e1f8
  9. #d6ebfa
  10. #eaf5fd
  11. #ffffff

Toni

#309be6 miscelato progressivamente con il grigio.

  1. #309be6
  2. #3898dc
  3. #4096d2
  4. #4893c7
  5. #5090bd
  6. #588eb3
  7. #608ba9
  8. #68889f
  9. #708594
  10. #78838a
  11. #808080

Testo leggibile 3.02:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 6.96:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #949494 ≈ 0.003% degli uomini
Acromatomalia #7997bb ≈ 0.001% degli uomini
Protanopia #789ee9 ≈ 1.01% degli uomini
Deuteranopia #5e8de5 ≈ 1.27% degli uomini
Tritanopia #00adb6 ≈ 0.0001% degli uomini
Protanomalia #639de8 ≈ 1.08% degli uomini
Deuteranomalia #5093e5 ≈ 4.63% degli uomini
Tritanomalia #00a6cb ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-309be6 {
  color: #309be6;
}
Sfondo
.bg-309be6 {
  background-color: #309be6;
  color: #000000;
}
Bordo
.border-309be6 {
  border: 2px solid #309be6;
}
Variabili CSS
:root {
  --color-primary: #309be6;
  --color-primary-rgb: 48 155 230;
  --color-primary-hsl: 205 78% 55%;
}
Sfumatura
.gradient-309be6 {
  background: linear-gradient(135deg, #309be6, #3040e6);
}
Ombra colorata
.shadow-309be6 {
  box-shadow: 0 8px 24px rgb(48 155 230 / 0.35);
}

#56a0d3 Carolina Blue ΔE 3.69 #1e90ff Dodger Blue ΔE 5.45 #318ce7 Bleu de France ΔE 5.69 #71a6d2 Iceberg ΔE 6.57 #5b92e5 United Nations Blue ΔE 7.17 #6495ed Cornflower Blue ΔE 8.28 #4682b4 Steel Blue ΔE 9.41 #cf6419 Invertito #949494 Scala di grigi 

Carolina Blue
#309be6  rgb(48, 155, 230)  hsl(205, 78%, 55%)  Carolina Blue
#e67b30  rgb(230, 123, 48)  hsl(25, 78%, 55%)  Cadmium Orange
#e6309b  rgb(230, 48, 155)  hsl(325, 78%, 55%)  Persian Rose
#9be630  rgb(155, 230, 48)  hsl(85, 78%, 55%)  Inchworm