ColorTool
Giriş yap
#0C86AA

#0c86aa ≈ Cerulean

  • camgöbeği
  • Açıklık: düşük
  • Doygunluk: güçlü
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#0c86aa, “camgöbeği” ailesinden bir renktir; açıklığı düşük, doygunluğu güçlü. RGB modelinde %4,71 kırmızı, %52,55 yeşil ve %66,67 maviden oluşur; CMYK baskıda %92,94 camgöbeği, %21,18 macenta, %0 sarı ve %33,33 siyah kullanır. Ton açısı 193,67°, HSL’de doygunluğu %86,81 ve açıklığı %35,69’dir. Soğuk bir renktir ve çoğunlukla ferahlık, teknoloji ve netlik ile ilişkilendirilir. Tasarımcılar onu genellikle sağlık ve esenlik, teknoloji ürünleri ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 5,01:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Cerulean (#007ba7), ΔE 4,97.

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

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

Tamamlayıcı

  1. #0c86aa
  2. #aa300c

Bölünmüş tamamlayıcı

  1. #0c86aa
  2. #aa0c37
  3. #aa7f0c

Komşu

  1. #0caa7f
  2. #0c86aa
  3. #0c37aa

Üçlü

  1. #0c86aa
  2. #aa0c86
  3. #86aa0c

Dörtlü

  1. #0c86aa
  2. #300caa
  3. #aa300c
  4. #86aa0c

Kare

  1. #0c86aa
  2. #7f0caa
  3. #aa300c
  4. #37aa0c

Tek renkli

  1. #02151b
  2. #074e63
  3. #0c86aa
  4. #14bdee
  5. #5cd1f3

Koyu tonlar

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

  1. #0c86aa
  2. #0b7999
  3. #0a6b88
  4. #085e77
  5. #075066
  6. #064355
  7. #053644
  8. #042833
  9. #021b22
  10. #010d11
  11. #000000

Açık tonlar

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

  1. #0c86aa
  2. #2492b3
  3. #3d9ebb
  4. #55aac4
  5. #6db6cc
  6. #86c3d5
  7. #9ecfdd
  8. #b6dbe6
  9. #cee7ee
  10. #e7f3f7
  11. #ffffff

Tonlar

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

  1. #0c86aa
  2. #1885a6
  3. #2385a2
  4. #2f849d
  5. #3a8499
  6. #468395
  7. #528291
  8. #5d828d
  9. #698188
  10. #748184
  11. #808080

Okunaklı metin 4.19:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.01:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7c7c7c Erkeklerin ≈ 0.003% kadarı
Akromatomali #628090 Erkeklerin ≈ 0.001% kadarı
Protanopi #7283ac Erkeklerin ≈ 1.01% kadarı
Döteranopi #5f76aa Erkeklerin ≈ 1.27% kadarı
Tritanopi #009092 Erkeklerin ≈ 0.0001% kadarı
Protanomali #5a84ab Erkeklerin ≈ 1.08% kadarı
Döteranomali #4b7daa Erkeklerin ≈ 4.63% kadarı
Tritanomali #008c9c Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-0c86aa {
  color: #0c86aa;
}
Arka plan
.bg-0c86aa {
  background-color: #0c86aa;
  color: #000000;
}
Kenarlık
.border-0c86aa {
  border: 2px solid #0c86aa;
}
CSS değişkenleri
:root {
  --color-primary: #0c86aa;
  --color-primary-rgb: 12 134 170;
  --color-primary-hsl: 194 87% 36%;
}
Geçiş
.gradient-0c86aa {
  background: linear-gradient(135deg, #0c86aa, #0c37aa);
}
Renkli gölge
.shadow-0c86aa {
  box-shadow: 0 8px 24px rgb(12 134 170 / 0.35);
}

#007ba7 Cerulean ΔE 4.97 #0095b6 Bondi Blue ΔE 5.44 #5d8aa8 Air Force Blue ΔE 7.53 #367588 Teal Blue ΔE 7.85 #4682b4 Steel Blue ΔE 8.49 #006994 Sea Blue ΔE 11.20 #417dc1 Tufts Blue ΔE 11.93 #f37955 Ters renk #7c7c7c Gri tonlama 

Cerulean
#0c86aa  rgb(12, 134, 170)  hsl(194, 87%, 36%)  Cerulean
#aa300c  rgb(170, 48, 12)  hsl(14, 87%, 36%)  Rufous
#aa0c86  rgb(170, 12, 134)  hsl(314, 87%, 36%)  Medium Violet Red
#86aa0c  rgb(134, 170, 12)  hsl(74, 87%, 36%)  Apple Green