ColorTool
Giriş yap
#304D45

#304d45 ≈ Dark Slate Gray

  • camgöbeği yeşili
  • Açıklık: düşük
  • Doygunluk: düşük
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#304d45, “camgöbeği yeşili” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %18,82 kırmızı, %30,2 yeşil ve %27,06 maviden oluşur; CMYK baskıda %37,66 camgöbeği, %0 macenta, %10,39 sarı ve %69,8 siyah kullanır. Ton açısı 163,45°, HSL’de doygunluğu %23,2 ve açıklığı %24,51’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla berraklık, sakinlik ve yenilenme ile ilişkilendirilir. Tasarımcılar onu genellikle sağlık ve esenlik, teknoloji ürünleri ve kurumsal kimlikler için kullanır. Bu renk üzerinde beyaz metin 9,24:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Dark Slate Gray (#2f4f4f), ΔE 4,23.

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

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

Tamamlayıcı

  1. #304d45
  2. #4d3038

Bölünmüş tamamlayıcı

  1. #304d45
  2. #4d3046
  3. #4d3730

Komşu

  1. #304d37
  2. #304d45
  3. #30464d

Üçlü

  1. #304d45
  2. #45304d
  3. #4d4530

Dörtlü

  1. #304d45
  2. #30384d
  3. #4d3038
  4. #4d4530

Kare

  1. #304d45
  2. #37304d
  3. #4d3038
  4. #464d30

Tek renkli

  1. #080d0b
  2. #131e1b
  3. #304d45
  4. #4d7c6f
  5. #70a697

Koyu tonlar

#304d45 kademeli olarak siyahla karıştırıldı.

  1. #304d45
  2. #2b453e
  3. #263e37
  4. #223630
  5. #1d2e29
  6. #182723
  7. #131f1c
  8. #0e1715
  9. #0a0f0e
  10. #050807
  11. #000000

Açık tonlar

#304d45 kademeli olarak beyazla karıştırıldı.

  1. #304d45
  2. #455f58
  3. #59716a
  4. #6e827d
  5. #83948f
  6. #98a6a2
  7. #acb8b5
  8. #c1cac7
  9. #d6dbda
  10. #eaedec
  11. #ffffff

Tonlar

#304d45 kademeli olarak griyle karıştırıldı.

  1. #304d45
  2. #38524b
  3. #405751
  4. #485c57
  5. #50615d
  6. #586763
  7. #606c68
  8. #68716e
  9. #707674
  10. #787b7a
  11. #808080

Okunaklı metin 9.24:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.27:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #474747 Erkeklerin ≈ 0.003% kadarı
Akromatomali #3f4a46 Erkeklerin ≈ 0.001% kadarı
Protanopi #4b4a45 Erkeklerin ≈ 1.01% kadarı
Döteranopi #464646 Erkeklerin ≈ 1.27% kadarı
Tritanopi #284e4b Erkeklerin ≈ 0.0001% kadarı
Protanomali #424b45 Erkeklerin ≈ 1.08% kadarı
Döteranomali #3e4945 Erkeklerin ≈ 4.63% kadarı
Tritanomali #2b4d48 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-304d45 {
  color: #304d45;
}
Arka plan
.bg-304d45 {
  background-color: #304d45;
  color: #ffffff;
}
Kenarlık
.border-304d45 {
  border: 2px solid #304d45;
}
CSS değişkenleri
:root {
  --color-primary: #304d45;
  --color-primary-rgb: 48 77 69;
  --color-primary-hsl: 163 23% 25%;
}
Geçiş
.gradient-304d45 {
  background: linear-gradient(135deg, #304d45, #30464d);
}
Renkli gölge
.shadow-304d45 {
  box-shadow: 0 8px 24px rgb(48 77 69 / 0.35);
}

#2f4f4f Dark Slate Gray ΔE 4.23 #2f4f4f Dark Slate Grey ΔE 4.23 #4d5d53 Feldgrau ΔE 7.65 #444c38 Rifle Green ΔE 9.19 #123524 Phthalo Green ΔE 9.47 #004953 Midnight Green ΔE 9.78 #414a4c Outer Space ΔE 10.18 #cfb2ba Ters renk #474747 Gri tonlama 

Dark Slate Gray
#304d45  rgb(48, 77, 69)  hsl(163, 23%, 25%)  Dark Slate Gray
#4d3038  rgb(77, 48, 56)  hsl(343, 23%, 25%)  Eggplant
#45304d  rgb(69, 48, 77)  hsl(283, 23%, 25%)  Eggplant
#4d4530  rgb(77, 69, 48)  hsl(43, 23%, 25%)  Taupe