ColorTool
Accedi
#30BFD6

#30bfd6 ≈ Dark Turquoise

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

#30bfd6 è un colore della famiglia «ciano», con luminosità media e saturazione forte. Nel modello RGB è composto da 18,82% di rosso, 74,9% di verde e 83,92% di blu; in stampa CMYK usa 77,57% di ciano, 10,75% di magenta, 0% di giallo e 16,08% di nero. Il suo angolo di tinta è 188,31°, con 66,94% di saturazione e 51,37% 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 9,55:1 (WCAG AAA). Il colore con nome più vicino è Dark Turquoise (#00ced1), ΔE 8,4.

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

Complementare

  1. #30bfd6
  2. #d64730

Complementare diviso

  1. #30bfd6
  2. #d6306c
  3. #d69a30

Analogo

  1. #30d69a
  2. #30bfd6
  3. #306cd6

Triadico

  1. #30bfd6
  2. #d630bf
  3. #bfd630

Tetradico

  1. #30bfd6
  2. #4730d6
  3. #d64730
  4. #bfd630

Quadrato

  1. #30bfd6
  2. #9a30d6
  3. #d64730
  4. #6cd630

Monocromatico

  1. #12515b
  2. #1f8a9b
  3. #30bfd6
  4. #70d3e3
  5. #b0e6ef

Ombre

#30bfd6 miscelato progressivamente con il nero.

  1. #30bfd6
  2. #2bacc1
  3. #2699ab
  4. #228696
  5. #1d7380
  6. #18606b
  7. #134c56
  8. #0e3940
  9. #0a262b
  10. #051315
  11. #000000

Tinte

#30bfd6 miscelato progressivamente con il bianco.

  1. #30bfd6
  2. #45c5da
  3. #59ccde
  4. #6ed2e2
  5. #83d9e6
  6. #98dfeb
  7. #ace5ef
  8. #c1ecf3
  9. #d6f2f7
  10. #eaf9fb
  11. #ffffff

Toni

#30bfd6 miscelato progressivamente con il grigio.

  1. #30bfd6
  2. #38b9cd
  3. #40b2c5
  4. #48acbc
  5. #50a6b4
  6. #58a0ab
  7. #6099a2
  8. #68939a
  9. #708d91
  10. #788689
  11. #808080

Testo leggibile 2.2:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 9.55:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #afafaf ≈ 0.003% degli uomini
Acromatomalia #8db5c0 ≈ 0.001% degli uomini
Protanopia #acb8d7 ≈ 1.01% degli uomini
Deuteranopia #96a8d6 ≈ 1.27% degli uomini
Tritanopia #00c9c6 ≈ 0.0001% degli uomini
Protanomalia #8cbbd7 ≈ 1.08% degli uomini
Deuteranomalia #7ab2d6 ≈ 4.63% degli uomini
Tritanomalia #00c5cd ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-30bfd6 {
  color: #30bfd6;
}
Sfondo
.bg-30bfd6 {
  background-color: #30bfd6;
  color: #000000;
}
Bordo
.border-30bfd6 {
  border: 2px solid #30bfd6;
}
Variabili CSS
:root {
  --color-primary: #30bfd6;
  --color-primary-rgb: 48 191 214;
  --color-primary-hsl: 188 67% 51%;
}
Sfumatura
.gradient-30bfd6 {
  background: linear-gradient(135deg, #30bfd6, #306cd6);
}
Ombra colorata
.shadow-30bfd6 {
  box-shadow: 0 8px 24px rgb(48 191 214 / 0.35);
}

#00ced1 Dark Turquoise ΔE 8.40 #00cccc Robin Egg Blue ΔE 9.14 #87ceeb Sky Blue ΔE 9.25 #73a9c2 Moonstone Blue ΔE 10.14 #89cff0 Baby Blue ΔE 10.28 #43b3ae Verdigris ΔE 10.40 #0abab5 Tiffany Blue ΔE 10.49 #cf4029 Invertito #afafaf Scala di grigi 

Dark Turquoise
#30bfd6  rgb(48, 191, 214)  hsl(188, 67%, 51%)  Dark Turquoise
#d64730  rgb(214, 71, 48)  hsl(8, 67%, 51%)  Cinnabar
#d630bf  rgb(214, 48, 191)  hsl(308, 67%, 51%)  Shocking Pink
#bfd630  rgb(191, 214, 48)  hsl(68, 67%, 51%)  Pear