ColorTool
Giriş yap
#0F20CD

#0f20cd ≈ Medium Blue

  • mavi
  • Açıklık: orta
  • Doygunluk: güçlü
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#0f20cd, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %5,88 kırmızı, %12,55 yeşil ve %80,39 maviden oluşur; CMYK baskıda %92,68 camgöbeği, %84,39 macenta, %0 sarı ve %19,61 siyah kullanır. Ton açısı 234,63°, HSL’de doygunluğu %86,36 ve açıklığı %43,14’dir. Soğuk bir renktir ve çoğunlukla güven, istikrar ve odak ile ilişkilendirilir. Tasarımcılar onu genellikle teknoloji ürünleri, finans ve bankacılık ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde beyaz metin 9,96:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Medium Blue (#0000cd), ΔE 3,37.

Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.

HEX
RGB
Yüzde olarak RGB
CMY
CMYK
HSL
HSV / HSB
Web güvenli#0033cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
İkili
Ondalık
Göreli parlaklık0.0554

Tamamlayıcı

  1. #0f20cd
  2. #cdbc0f

Bölünmüş tamamlayıcı

  1. #0f20cd
  2. #cd5d0f
  3. #7fcd0f

Komşu

  1. #0f7fcd
  2. #0f20cd
  3. #5d0fcd

Üçlü

  1. #0f20cd
  2. #cd0f20
  3. #20cd0f

Dörtlü

  1. #0f20cd
  2. #bc0fcd
  3. #cdbc0f
  4. #20cd0f

Kare

  1. #0f20cd
  2. #cd0f7f
  3. #cdbc0f
  4. #0fcd5d

Tek renkli

  1. #050a3e
  2. #0a1586
  3. #0f20cd
  4. #3849f0
  5. #7f8af6

Koyu tonlar

#0f20cd kademeli olarak siyahla karıştırıldı.

  1. #0f20cd
  2. #0e1db9
  3. #0c1aa4
  4. #0b1690
  5. #09137b
  6. #081067
  7. #060d52
  8. #050a3e
  9. #030629
  10. #020315
  11. #000000

Açık tonlar

#0f20cd kademeli olarak beyazla karıştırıldı.

  1. #0f20cd
  2. #2736d2
  3. #3f4dd7
  4. #5763dc
  5. #6f79e1
  6. #8790e6
  7. #9fa6eb
  8. #b7bcf0
  9. #cfd2f5
  10. #e7e9fa
  11. #ffffff

Tonlar

#0f20cd kademeli olarak griyle karıştırıldı.

  1. #0f20cd
  2. #1a2ac5
  3. #2633be
  4. #313db6
  5. #3c46ae
  6. #4850a7
  7. #535a9f
  8. #5e6397
  9. #696d8f
  10. #757688
  11. #808080

Okunaklı metin 9.96:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.11:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #434343 Erkeklerin ≈ 0.003% kadarı
Akromatomali #353890 Erkeklerin ≈ 0.001% kadarı
Protanopi #004cd2 Erkeklerin ≈ 1.01% kadarı
Döteranopi #0038ca Erkeklerin ≈ 1.27% kadarı
Tritanopi #005a7a Erkeklerin ≈ 0.0001% kadarı
Protanomali #003fd0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #0030cb Erkeklerin ≈ 4.63% kadarı
Tritanomali #004aa2 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-0f20cd {
  color: #0f20cd;
}
Arka plan
.bg-0f20cd {
  background-color: #0f20cd;
  color: #ffffff;
}
Kenarlık
.border-0f20cd {
  border: 2px solid #0f20cd;
}
CSS değişkenleri
:root {
  --color-primary: #0f20cd;
  --color-primary-rgb: 15 32 205;
  --color-primary-hsl: 235 86% 43%;
}
Geçiş
.gradient-0f20cd {
  background: linear-gradient(135deg, #0f20cd, #5d0fcd);
}
Renkli gölge
.shadow-0f20cd {
  box-shadow: 0 8px 24px rgb(15 32 205 / 0.35);
}

#0000cd Medium Blue ΔE 3.37 #0014a8 Zaffre ΔE 5.57 #0000ff Blue ΔE 5.66 #1c39bb Persian Blue ΔE 5.85 #1034a6 Egyptian Blue ΔE 6.93 #3f00ff Ultramarine ΔE 6.98 #002395 Imperial Blue ΔE 7.62 #f0df32 Ters renk #434343 Gri tonlama 

Medium Blue
#0f20cd  rgb(15, 32, 205)  hsl(235, 86%, 43%)  Medium Blue
#cdbc0f  rgb(205, 188, 15)  hsl(55, 86%, 43%)  Old Gold
#cd0f20  rgb(205, 15, 32)  hsl(355, 86%, 43%)  Lava
#20cd0f  rgb(32, 205, 15)  hsl(115, 86%, 43%)  Lime Green