ColorTool
Giriş yap
#1F8DCC

#1f8dcc ≈ Steel Blue

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

#1f8dcc, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %12,16 kırmızı, %55,29 yeşil ve %80 maviden oluşur; CMYK baskıda %84,8 camgöbeği, %30,88 macenta, %0 sarı ve %20 siyah kullanır. Ton açısı 201,85°, HSL’de doygunluğu %73,62 ve açıklığı %46,08’dir. Soğuk bir renktir ve çoğunlukla açıklık, özgürlük ve huzur ile ilişkilendirilir. Tasarımcılar onu genellikle teknoloji ürünleri, finans ve bankacılık ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 5,74:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Steel Blue (#4682b4), ΔE 5,3.

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

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

Tamamlayıcı

  1. #1f8dcc
  2. #cc5e1f

Bölünmüş tamamlayıcı

  1. #1f8dcc
  2. #cc1f36
  3. #ccb51f

Komşu

  1. #1fccb5
  2. #1f8dcc
  3. #1f36cc

Üçlü

  1. #1f8dcc
  2. #cc1f8d
  3. #8dcc1f

Dörtlü

  1. #1f8dcc
  2. #5e1fcc
  3. #cc5e1f
  4. #8dcc1f

Kare

  1. #1f8dcc
  2. #b51fcc
  3. #cc5e1f
  4. #36cc1f

Tek renkli

  1. #0b3147
  2. #155f8a
  3. #1f8dcc
  4. #53b0e5
  5. #95ceef

Koyu tonlar

#1f8dcc kademeli olarak siyahla karıştırıldı.

  1. #1f8dcc
  2. #1c7fb8
  3. #1971a3
  4. #16638f
  5. #13557a
  6. #104766
  7. #0c3852
  8. #092a3d
  9. #061c29
  10. #030e14
  11. #000000

Açık tonlar

#1f8dcc kademeli olarak beyazla karıştırıldı.

  1. #1f8dcc
  2. #3598d1
  3. #4ca4d6
  4. #62afdb
  5. #79bbe0
  6. #8fc6e6
  7. #a5d1eb
  8. #bcddf0
  9. #d2e8f5
  10. #e9f4fa
  11. #ffffff

Tonlar

#1f8dcc kademeli olarak griyle karıştırıldı.

  1. #1f8dcc
  2. #298cc4
  3. #328abd
  4. #3c89b5
  5. #4688ae
  6. #5087a6
  7. #59859e
  8. #638497
  9. #6d838f
  10. #768188
  11. #808080

Okunaklı metin 3.66:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.74:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #868686 Erkeklerin ≈ 0.003% kadarı
Akromatomali #6b89a6 Erkeklerin ≈ 0.001% kadarı
Protanopi #6f8ecf Erkeklerin ≈ 1.01% kadarı
Döteranopi #587fcb Erkeklerin ≈ 1.27% kadarı
Tritanopi #009da3 Erkeklerin ≈ 0.0001% kadarı
Protanomali #598ece Erkeklerin ≈ 1.08% kadarı
Döteranomali #4785cb Erkeklerin ≈ 4.63% kadarı
Tritanomali #0097b5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-1f8dcc {
  color: #1f8dcc;
}
Arka plan
.bg-1f8dcc {
  background-color: #1f8dcc;
  color: #000000;
}
Kenarlık
.border-1f8dcc {
  border: 2px solid #1f8dcc;
}
CSS değişkenleri
:root {
  --color-primary: #1f8dcc;
  --color-primary-rgb: 31 141 204;
  --color-primary-hsl: 202 74% 46%;
}
Geçiş
.gradient-1f8dcc {
  background: linear-gradient(135deg, #1f8dcc, #1f36cc);
}
Renkli gölge
.shadow-1f8dcc {
  box-shadow: 0 8px 24px rgb(31 141 204 / 0.35);
}

#4682b4 Steel Blue ΔE 5.30 #318ce7 Bleu de France ΔE 5.49 #56a0d3 Carolina Blue ΔE 6.93 #1e90ff Dodger Blue ΔE 7.08 #5d8aa8 Air Force Blue ΔE 7.10 #417dc1 Tufts Blue ΔE 7.67 #007ba7 Cerulean ΔE 8.45 #e07233 Ters renk #868686 Gri tonlama 

Steel Blue
#1f8dcc  rgb(31, 141, 204)  hsl(202, 74%, 46%)  Steel Blue
#cc5e1f  rgb(204, 94, 31)  hsl(22, 74%, 46%)  Burnt Orange
#cc1f8d  rgb(204, 31, 141)  hsl(322, 74%, 46%)  Medium Violet Red
#8dcc1f  rgb(141, 204, 31)  hsl(82, 74%, 46%)  Yellow Green