#336E80 renk kodu bilgileri

Güvenle tasarlamanız gereken tüm dönüşümler, uyumlar ve erişilebilirlik kontrolleri.

RGB:rgb(51, 110, 128)

HSL:hsl(194, 43%, 35%)

Görüntüden renk seçinRenk seçici

Altıcı

#336E80

RGB

51, 110, 128

HSL

194°, 43%, 35%

HSV

194°, 60%, 50%

CMYK

60%, 14%, 0%, 50%

Renk dönüşümü

Bir yerde birden fazla renk modelinde değer oluşturun.

Altıcı

#336E80

Çelik mavi

Renk ve renk

Beyaz veya siyahla karıştırdığınızda #336E80'nin nasıl davranacağını keşfedin. Bu örnekler dolandırma durumları, gölgeleri ve arka plan için mükemmel.

Herhangi bir altıcı değeri kopyalamak ve arabiriminizde yeniden kullanmak için gezdirin.

Gölgeler

0–100%

0%#336E80

10%#2E6373

20%#295866

30%#244D59

40%#1F424D

50%#193740

60%#142C33

70%#0F2126

80%#0A161A

90%#050B0D

100%#000000

Renk

0–100%

0%#336E80

10%#3C8297

20%#4696AF

30%#59A6BD

40%#71B2C6

50%#88BFD0

60%#A0CCD9

70%#B8D9E3

80%#D0E5EC

90%#E7F2F6

100%#FFFFFF

Renk harmonisi

#336E80'den üretilen uyumlarla anında dengeli bir palet oluşturun.

Kendi ayrıntılı sayfasını açmak ve keşfetmeye devam etmek için herhangi bir modeli tıklayın.

Tamamlayıcı

Etki ve cesur kontrast yaratan zıt renkler.

Benzer

Doğal, sıvı gradyanlar için komşu renkler.

Üçlü

Eğlenceli denge için eşit aralıklı üç ton.

Törtü

Zengin çeşitlilik sağlayan iki tamamlayıcı çift.

Tek renkli

Aynı renk ailesinde daha açık ve koyu kardeşler.

Erişilebilirlik kontrasti

#336E80'nin ortak metin renklerinin ne kadar okunabilirliğini kontrol edin, böylece her ziyaretçi net bir deneyimin tadını çıkarır.

Aa'yı gövde kopyası için temel çizgi olarak kullanın ve premium erişilebilirlik için aa'yı kullanın.

{{karşı}} üzerindeki örnek metin

Metin rengi#000000

Arka plan#336E80

Kontrast oranı3.68:1

Wcag seviyesiFail

{{karşı}} üzerindeki örnek metin

Metin rengi#FFFFFF

Arka plan#336E80

Kontrast oranı5.70:1

Wcag seviyesiAA

Önerilen metin önizlemesi

Metin rengi#FFFFFF

Arka plan#336E80

Kontrast oranı5.70:1

Wcag seviyesiAA

Teknik format

Xyz, laboratuvar, cmyk varyantları ve ihracata hazır profiller gibi profesyonel renk boşluklarının kilidini açın.

Ücretsiz kayıt

Pratik format

Yazdırma simülasyonları, led eşlemeleri ve geliştiriciye hazır bayt siparişleri alın.

Ücretsiz kayıt

Renk analizi

Spektral verilere, hakimiyet raporlarına ve gelişmiş analizlere dalın.

Ücretsiz kayıt

Körlük simülatörü

#336E80'nin yaygın renk görme eksikliklerinde nasıl göründüğünü önizleyin.

Ücretsiz kayıt

Yaratıcı yönler

Mevsimsel ilişkileri, duygusal ipuçlarını ve doğal olayları keşfedin.

Ücretsiz kayıt

Tasarım rehberliği

Denge

#336E80 vurgu olarak kullanın. Görsel aşırı yüklemeyi önlemek için nötr ve bir destek tonu ile eşleştirin.

Kontrast

Gerçek içerik ile test kombinasyonu. Daha yüksek kontrast tarama, okunabilirlik ve dönüşümü artırır.

Uyum

Yüzeyler için daha açık renkler, birincil renkler için temel renkler ve kaldırma veya basılmış durumlar için daha koyu renkler kullanın.

Başka bir renge ihtiyacın var mı?

Görüntüleri yüklemek, paletler oluşturmak ve yeni renk ilişkilerini keşfetmek için renk seçiciye geri atlayın.

Açık renk seçici