ColorTool
Giriş yap
#CC3366

#cc3366 ≈ Dogwood Rose

  • gül kırmızısı
  • Açıklık: orta
  • Doygunluk: güçlü
  • Sıcak
  • Web güvenli
Kontrastı denetle Grafikte keşfet Rastgele renk

#cc3366, “gül kırmızısı” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %80 kırmızı, %20 yeşil ve %40 maviden oluşur; CMYK baskıda %0 camgöbeği, %75 macenta, %50 sarı ve %20 siyah kullanır. Ton açısı 340°, HSL’de doygunluğu %60 ve açıklığı %50’dir. Sıcak bir renktir ve çoğunlukla romantizm, oyunculuk ve sevgi ile ilişkilendirilir. Tasarımcılar onu genellikle gıda markaları ve restoranlar, indirimler ve kampanyalar ve marka vurguları için kullanır. Bu renk üzerinde beyaz metin 4,96:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Dogwood Rose (#d71868), ΔE 2,47.

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

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

Tamamlayıcı

  1. #cc3366
  2. #33cc99

Bölünmüş tamamlayıcı

  1. #cc3366
  2. #33cc4d
  3. #33b2cc

Komşu

  1. #cc33b2
  2. #cc3366
  3. #cc4c33

Üçlü

  1. #cc3366
  2. #66cc33
  3. #3366cc

Dörtlü

  1. #cc3366
  2. #cc9933
  3. #33cc99
  4. #3366cc

Kare

  1. #cc3366
  2. #b2cc33
  3. #33cc99
  4. #4c33cc

Tek renkli

  1. #521429
  2. #8f2447
  3. #cc3366
  4. #db7094
  5. #ebadc2

Koyu tonlar

#cc3366 kademeli olarak siyahla karıştırıldı.

  1. #cc3366
  2. #b82e5c
  3. #a32952
  4. #8f2447
  5. #7a1f3d
  6. #661a33
  7. #521429
  8. #3d0f1f
  9. #290a14
  10. #14050a
  11. #000000

Açık tonlar

#cc3366 kademeli olarak beyazla karıştırıldı.

  1. #cc3366
  2. #d14775
  3. #d65c85
  4. #db7094
  5. #e085a3
  6. #e699b3
  7. #ebadc2
  8. #f0c2d1
  9. #f5d6e0
  10. #faebf0
  11. #ffffff

Tonlar

#cc3366 kademeli olarak griyle karıştırıldı.

  1. #cc3366
  2. #c43b69
  3. #bd426b
  4. #b54a6e
  5. #ae5270
  6. #a65a73
  7. #9e6176
  8. #976978
  9. #8f717b
  10. #88787d
  11. #808080

Okunaklı metin 4.96:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.23:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #707070 Erkeklerin ≈ 0.003% kadarı
Akromatomali #9d5d6c Erkeklerin ≈ 0.001% kadarı
Protanopi #595d67 Erkeklerin ≈ 1.01% kadarı
Döteranopi #817b62 Erkeklerin ≈ 1.27% kadarı
Tritanopi #de0a49 Erkeklerin ≈ 0.0001% kadarı
Protanomali #954f67 Erkeklerin ≈ 1.08% kadarı
Döteranomali #a46664 Erkeklerin ≈ 4.63% kadarı
Tritanomali #d72156 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-cc3366 {
  color: #cc3366;
}
Arka plan
.bg-cc3366 {
  background-color: #cc3366;
  color: #ffffff;
}
Kenarlık
.border-cc3366 {
  border: 2px solid #cc3366;
}
CSS değişkenleri
:root {
  --color-primary: #cc3366;
  --color-primary-rgb: 204 51 102;
  --color-primary-hsl: 340 60% 50%;
}
Geçiş
.gradient-cc3366 {
  background: linear-gradient(135deg, #cc3366, #cc4c33);
}
Renkli gölge
.shadow-cc3366 {
  box-shadow: 0 8px 24px rgb(204 51 102 / 0.35);
}

#d71868 Dogwood Rose ΔE 2.47 #e0115f Ruby ΔE 3.90 #cf3476 Telemagenta ΔE 3.90 #e3256b Razzmatazz ΔE 4.06 #de3163 Cerise ΔE 4.33 #e30b5c Raspberry ΔE 4.80 #cb4154 Brick Red ΔE 7.15 #33cc99 Ters renk #707070 Gri tonlama 

Dogwood Rose
#cc3366  rgb(204, 51, 102)  hsl(340, 60%, 50%)  Dogwood Rose
#33cc99  rgb(51, 204, 153)  hsl(160, 60%, 50%)  Caribbean Green
#66cc33  rgb(102, 204, 51)  hsl(100, 60%, 50%)  Lime Green
#3366cc  rgb(51, 102, 204)  hsl(220, 60%, 50%)  Royal Blue