ColorTool
Masuk
#FF6F87

#ff6f87 ≈ Light Coral

  • merah
  • Kecerahan: tinggi
  • Saturasi: kuat
  • Hangat
Periksa kontras Jelajahi di grafik Warna acak

#ff6f87 adalah warna dari keluarga “merah”, dengan kecerahan tinggi dan saturasi kuat. Dalam model RGB, warna ini terdiri dari 100% merah, 43,53% hijau, dan 52,94% biru; saat dicetak CMYK memakai 0% sian, 56,47% magenta, 47,06% kuning, dan 0% hitam. Sudut ronanya 350°, dengan saturasi 100% dan kecerahan 71,76% dalam HSL. Ini warna hangat yang sering dikaitkan dengan energi, gairah, dan urgensi. Desainer biasanya memakainya untuk merek makanan dan restoran, diskon dan promosi, dan tombol ajakan bertindak. Teks hitam di atas warna ini mencapai rasio kontras 7,88:1 (WCAG AAA). Warna bernama terdekat adalah Light Coral (#f08080), ΔE 6,29.

Deskripsi dibuat dari properti terukur warna ini.

HEX
RGB
RGB persen
CMY
CMYK
HSL
HSV / HSB
Aman web#ff6699
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Biner
Desimal
Luminansi relatif0.3438

Komplementer

  1. #ff6f87
  2. #6fffe7

Komplementer terbelah

  1. #ff6f87
  2. #6fff9f
  3. #6fcfff

Analog

  1. #ff6fcf
  2. #ff6f87
  3. #ff9f6f

Triadik

  1. #ff6f87
  2. #87ff6f
  3. #6f87ff

Tetradik

  1. #ff6f87
  2. #ffe76f
  3. #6fffe7
  4. #6f87ff

Persegi

  1. #ff6f87
  2. #cfff6f
  3. #6fffe7
  4. #9f6fff

Monokromatik

  1. #d50023
  2. #ff2247
  3. #ff6f87
  4. #ffbbc7
  5. #ffebee

Bayangan

#ff6f87 dicampur bertahap dengan hitam.

  1. #ff6f87
  2. #e6647a
  3. #cc596c
  4. #b34e5f
  5. #994351
  6. #803844
  7. #662c36
  8. #4d2129
  9. #33161b
  10. #1a0b0e
  11. #000000

Tint

#ff6f87 dicampur bertahap dengan putih.

  1. #ff6f87
  2. #ff7d93
  3. #ff8c9f
  4. #ff9aab
  5. #ffa9b7
  6. #ffb7c3
  7. #ffc5cf
  8. #ffd4db
  9. #ffe2e7
  10. #fff1f3
  11. #ffffff

Nada

#ff6f87 dicampur bertahap dengan abu-abu.

  1. #ff6f87
  2. #f27186
  3. #e67286
  4. #d97485
  5. #cc7684
  6. #c07884
  7. #b37983
  8. #a67b82
  9. #997d81
  10. #8d7e81
  11. #808080

Teks mudah dibaca 2.67:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 7.88:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #9e9e9e ≈ 0.003% pria
Akromatomali #cc8e96 ≈ 0.001% pria
Protanopia #8e8c87 ≈ 1.01% pria
Deuteranopia #b3a984 ≈ 1.27% pria
Tritanopia #ff5b78 ≈ 0.0001% pria
Protanomali #c68287 ≈ 1.08% pria
Deuteranomali #d69585 ≈ 4.63% pria
Tritanomali #ff647e ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-ff6f87 {
  color: #ff6f87;
}
Latar
.bg-ff6f87 {
  background-color: #ff6f87;
  color: #000000;
}
Garis tepi
.border-ff6f87 {
  border: 2px solid #ff6f87;
}
Variabel CSS
:root {
  --color-primary: #ff6f87;
  --color-primary-rgb: 255 111 135;
  --color-primary-hsl: 350 100% 72%;
}
Gradien
.gradient-ff6f87 {
  background: linear-gradient(135deg, #ff6f87, #ff9f6f);
}
Bayangan berwarna
.shadow-ff6f87 {
  box-shadow: 0 8px 24px rgb(255 111 135 / 0.35);
}

#f08080 Light Coral ΔE 6.29 #ff91a4 Salmon Pink ΔE 7.28 #fe4164 Neon Fuchsia ΔE 8.13 #fc8eac Flamingo Pink ΔE 8.27 #db7093 Pale Violet Red ΔE 8.59 #de5d83 Blush ΔE 8.63 #f64a8a French Rose ΔE 9.10 #009078 Terbalik #9e9e9e Skala abu-abu 

Light Coral
#ff6f87  rgb(255, 111, 135)  hsl(350, 100%, 72%)  Light Coral
#6fffe7  rgb(111, 255, 231)  hsl(170, 100%, 72%)  Turquoise Blue
#87ff6f  rgb(135, 255, 111)  hsl(110, 100%, 72%)  Mint Green
#6f87ff  rgb(111, 135, 255)  hsl(230, 100%, 72%)  Cornflower Blue