ColorTool
Masuk
#AFA386

#afa386 ≈ Ecru

  • kuning
  • Kecerahan: sedang
  • Saturasi: lembut
  • Hangat
Periksa kontras Jelajahi di grafik Warna acak

#afa386 adalah warna dari keluarga “kuning”, dengan kecerahan sedang dan saturasi lembut. Dalam model RGB, warna ini terdiri dari 68,63% merah, 63,92% hijau, dan 52,55% biru; saat dicetak CMYK memakai 0% sian, 6,86% magenta, 23,43% kuning, dan 31,37% hitam. Sudut ronanya 42,44°, dengan saturasi 20,4% dan kecerahan 60,59% dalam HSL. Ini warna hangat yang sering dikaitkan dengan optimisme, perhatian, dan kegembiraan. Desainer biasanya memakainya untuk sorotan dan peringatan, produk anak-anak, dan aksen merek. Teks hitam di atas warna ini mencapai rasio kontras 8,41:1 (WCAG AAA). Warna bernama terdekat adalah Ecru (#c2b280), ΔE 7,04.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #afa386
  2. #8692af

Komplementer terbelah

  1. #afa386
  2. #86a7af
  3. #8f86af

Analog

  1. #af8f86
  2. #afa386
  3. #a7af86

Triadik

  1. #afa386
  2. #86afa3
  3. #a386af

Tetradik

  1. #afa386
  2. #92af86
  3. #8692af
  4. #a386af

Persegi

  1. #afa386
  2. #86af8f
  3. #8692af
  4. #af86a7

Monokromatik

  1. #5e553e
  2. #8c7e5d
  3. #afa386
  4. #cdc6b4
  5. #ece9e2

Bayangan

#afa386 dicampur bertahap dengan hitam.

  1. #afa386
  2. #9e9379
  3. #8c826b
  4. #7b725e
  5. #696250
  6. #585243
  7. #464136
  8. #353128
  9. #23211b
  10. #12100d
  11. #000000

Tint

#afa386 dicampur bertahap dengan putih.

  1. #afa386
  2. #b7ac92
  3. #bfb59e
  4. #c7bfaa
  5. #cfc8b6
  6. #d7d1c3
  7. #dfdacf
  8. #e7e3db
  9. #efede7
  10. #f7f6f3
  11. #ffffff

Nada

#afa386 dicampur bertahap dengan abu-abu.

  1. #afa386
  2. #aaa085
  3. #a69c85
  4. #a19984
  5. #9c9584
  6. #989283
  7. #938e82
  8. #8e8b82
  9. #898781
  10. #858481
  11. #808080

Teks mudah dibaca 2.5:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 8.41:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #a4a4a4 ≈ 0.003% pria
Akromatomali #a8a399 ≈ 0.001% pria
Protanopia #aaa284 ≈ 1.01% pria
Deuteranopia #ada587 ≈ 1.27% pria
Tritanopia #b69e9b ≈ 0.0001% pria
Protanomali #aca285 ≈ 1.08% pria
Deuteranomali #aea487 ≈ 4.63% pria
Tritanomali #b3a093 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-afa386 {
  color: #afa386;
}
Latar
.bg-afa386 {
  background-color: #afa386;
  color: #000000;
}
Garis tepi
.border-afa386 {
  border: 2px solid #afa386;
}
Variabel CSS
:root {
  --color-primary: #afa386;
  --color-primary-rgb: 175 163 134;
  --color-primary-hsl: 42 20% 61%;
}
Gradien
.gradient-afa386 {
  background: linear-gradient(135deg, #afa386, #a7af86);
}
Bayangan berwarna
.shadow-afa386 {
  box-shadow: 0 8px 24px rgb(175 163 134 / 0.35);
}

#c2b280 Ecru ΔE 7.04 #bcb88a Sage ΔE 8.20 #d2b48c Tan ΔE 8.83 #c19a6b Camel ΔE 9.73 #deb887 Burly Wood ΔE 11.56 #bdb76b Dark Khaki ΔE 12.16 #a9a9a9 Dark Gray ΔE 12.22 #505c79 Terbalik #a4a4a4 Skala abu-abu 

Ecru
#afa386  rgb(175, 163, 134)  hsl(42, 20%, 61%)  Ecru
#8692af  rgb(134, 146, 175)  hsl(222, 20%, 61%)  Cool Gray
#86afa3  rgb(134, 175, 163)  hsl(162, 20%, 61%)  Opal
#a386af  rgb(163, 134, 175)  hsl(282, 20%, 61%)  Purple Mountain Majesty