ColorTool
Giriş yap
#F89381

#f89381 ≈ Vivid Tangerine

  • pembe
  • Açıklık: yüksek
  • Doygunluk: orta
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#f89381, “pembe” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %97,25 kırmızı, %57,65 yeşil ve %50,59 maviden oluşur; CMYK baskıda %0 camgöbeği, %40,73 macenta, %47,98 sarı ve %2,75 siyah kullanır. Ton açısı 9,08°, HSL’de doygunluğu %89,47 ve açıklığı %73,92’dir. Sıcak bir renktir ve çoğunlukla şefkat, özen ve tatlılık ile ilişkilendirilir. Tasarımcılar onu genellikle güzellik ve kozmetik, düğünler ve kutlamalar ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 9,48:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Vivid Tangerine (#ffa089), ΔE 3,46.

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

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

Tamamlayıcı

  1. #f89381
  2. #81e6f8

Bölünmüş tamamlayıcı

  1. #f89381
  2. #81f8cf
  3. #81aaf8

Komşu

  1. #f881aa
  2. #f89381
  3. #f8cf81

Üçlü

  1. #f89381
  2. #81f893
  3. #9381f8

Dörtlü

  1. #f89381
  2. #e6f881
  3. #81e6f8
  4. #9381f8

Kare

  1. #f89381
  2. #aaf881
  3. #81e6f8
  4. #cf81f8

Tek renkli

  1. #d42a0c
  2. #f45539
  3. #f89381
  4. #fcd1c9
  5. #feeeec

Koyu tonlar

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

  1. #f89381
  2. #df8474
  3. #c67667
  4. #ae675a
  5. #95584d
  6. #7c4a41
  7. #633b34
  8. #4a2c27
  9. #321d1a
  10. #190f0d
  11. #000000

Açık tonlar

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

  1. #f89381
  2. #f99e8e
  3. #f9a99a
  4. #fab3a7
  5. #fbbeb3
  6. #fcc9c0
  7. #fcd4cd
  8. #fddfd9
  9. #fee9e6
  10. #fef4f2
  11. #ffffff

Tonlar

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

  1. #f89381
  2. #ec9181
  3. #e08f81
  4. #d48d81
  5. #c88b81
  6. #bc8a81
  7. #b08880
  8. #a48680
  9. #988480
  10. #8c8280
  11. #808080

Okunaklı metin 2.21:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.48:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #aeaeae Erkeklerin ≈ 0.003% kadarı
Akromatomali #d0a49e Erkeklerin ≈ 0.001% kadarı
Protanopi #aba17f Erkeklerin ≈ 1.01% kadarı
Döteranopi #c3b680 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ff848f Erkeklerin ≈ 0.0001% kadarı
Protanomali #ce9c80 Erkeklerin ≈ 1.08% kadarı
Döteranomali #daa980 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ff8a89 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f89381 {
  color: #f89381;
}
Arka plan
.bg-f89381 {
  background-color: #f89381;
  color: #000000;
}
Kenarlık
.border-f89381 {
  border: 2px solid #f89381;
}
CSS değişkenleri
:root {
  --color-primary: #f89381;
  --color-primary-rgb: 248 147 129;
  --color-primary-hsl: 9 89% 74%;
}
Geçiş
.gradient-f89381 {
  background: linear-gradient(135deg, #f89381, #f8cf81);
}
Renkli gölge
.shadow-f89381 {
  box-shadow: 0 8px 24px rgb(248 147 129 / 0.35);
}

#ffa089 Vivid Tangerine ΔE 3.46 #fa8072 Salmon ΔE 4.48 #e9967a Dark Salmon ΔE 4.91 #f08080 Light Coral ΔE 6.97 #ffa07a Light Salmon ΔE 7.02 #fe6f5e Bittersweet ΔE 7.98 #e2725b Terra Cotta ΔE 8.98 #076c7e Ters renk #aeaeae Gri tonlama 

Vivid Tangerine
#f89381  rgb(248, 147, 129)  hsl(9, 89%, 74%)  Vivid Tangerine
#81e6f8  rgb(129, 230, 248)  hsl(189, 89%, 74%)  Non-Photo Blue
#81f893  rgb(129, 248, 147)  hsl(129, 89%, 74%)  Pale Green
#9381f8  rgb(147, 129, 248)  hsl(249, 89%, 74%)  Medium Purple