ColorTool
Giriş yap
#FFAB9D

#ffab9d ≈ Vivid Tangerine

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

#ffab9d, “pembe” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %100 kırmızı, %67,06 yeşil ve %61,57 maviden oluşur; CMYK baskıda %0 camgöbeği, %32,94 macenta, %38,43 sarı ve %0 siyah kullanır. Ton açısı 8,57°, HSL’de doygunluğu %100 ve açıklığı %80,78’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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 11,56:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Vivid Tangerine (#ffa089), ΔE 4,05.

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.5282

Tamamlayıcı

  1. #ffab9d
  2. #9df1ff

Bölünmüş tamamlayıcı

  1. #ffab9d
  2. #9dffdc
  3. #9dc0ff

Komşu

  1. #ff9dc0
  2. #ffab9d
  3. #ffdc9d

Üçlü

  1. #ffab9d
  2. #9dffab
  3. #ab9dff

Dörtlü

  1. #ffab9d
  2. #f1ff9d
  3. #9df1ff
  4. #ab9dff

Kare

  1. #ffab9d
  2. #c0ff9d
  3. #9df1ff
  4. #dc9dff

Tek renkli

  1. #ff2804
  2. #ff6950
  3. #ffab9d
  4. #ffede9
  5. #ffeeeb

Koyu tonlar

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

  1. #ffab9d
  2. #e69a8d
  3. #cc897e
  4. #b3786e
  5. #99675e
  6. #80564f
  7. #66443f
  8. #4d332f
  9. #33221f
  10. #1a1110
  11. #000000

Açık tonlar

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

  1. #ffab9d
  2. #ffb3a7
  3. #ffbcb1
  4. #ffc4ba
  5. #ffcdc4
  6. #ffd5ce
  7. #ffddd8
  8. #ffe6e2
  9. #ffeeeb
  10. #fff7f5
  11. #ffffff

Tonlar

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

  1. #ffab9d
  2. #f2a79a
  3. #e6a297
  4. #d99e94
  5. #cc9a91
  6. #c0968f
  7. #b3918c
  8. #a68d89
  9. #998986
  10. #8d8483
  11. #808080

Okunaklı metin 1.82:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 11.56:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #c0c0c0 Erkeklerin ≈ 0.003% kadarı
Akromatomali #dcb8b3 Erkeklerin ≈ 0.001% kadarı
Protanopi #bdb69c Erkeklerin ≈ 1.01% kadarı
Döteranopi #d1c79c Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffa0a7 Erkeklerin ≈ 0.0001% kadarı
Protanomali #dbb29c Erkeklerin ≈ 1.08% kadarı
Döteranomali #e5bc9c Erkeklerin ≈ 4.63% kadarı
Tritanomali #ffa4a3 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ffab9d {
  color: #ffab9d;
}
Arka plan
.bg-ffab9d {
  background-color: #ffab9d;
  color: #000000;
}
Kenarlık
.border-ffab9d {
  border: 2px solid #ffab9d;
}
CSS değişkenleri
:root {
  --color-primary: #ffab9d;
  --color-primary-rgb: 255 171 157;
  --color-primary-hsl: 9 100% 81%;
}
Geçiş
.gradient-ffab9d {
  background: linear-gradient(135deg, #ffab9d, #ffdc9d);
}
Renkli gölge
.shadow-ffab9d {
  box-shadow: 0 8px 24px rgb(255 171 157 / 0.35);
}

#ffa089 Vivid Tangerine ΔE 4.05 #fdbcb4 Melon ΔE 5.08 #dea5a4 Pastel Pink ΔE 7.69 #e9967a Dark Salmon ΔE 7.73 #ffa07a Light Salmon ΔE 8.07 #f4c2c2 Baby Pink ΔE 9.24 #ffb6c1 Light Pink ΔE 9.75 #005462 Ters renk #c0c0c0 Gri tonlama 

Vivid Tangerine
#ffab9d  rgb(255, 171, 157)  hsl(9, 100%, 81%)  Vivid Tangerine
#9df1ff  rgb(157, 241, 255)  hsl(189, 100%, 81%)  Pale Turquoise
#9dffab  rgb(157, 255, 171)  hsl(129, 100%, 81%)  Pale Green
#ab9dff  rgb(171, 157, 255)  hsl(249, 100%, 81%)  Wild Blue Yonder