ColorTool
Masuk
#DDB87F

#ddb87f ≈ Burly Wood

  • oranye
  • Kecerahan: tinggi
  • Saturasi: sedang
  • Hangat
Periksa kontras Jelajahi di grafik Warna acak

#ddb87f adalah warna dari keluarga “oranye”, dengan kecerahan tinggi dan saturasi sedang. Dalam model RGB, warna ini terdiri dari 86,67% merah, 72,16% hijau, dan 49,8% biru; saat dicetak CMYK memakai 0% sian, 16,74% magenta, 42,53% kuning, dan 13,33% hitam. Sudut ronanya 36,38°, dengan saturasi 58,02% dan kecerahan 68,24% dalam HSL. Ini warna hangat yang sering dikaitkan dengan antusiasme, kehangatan, dan kreativitas. Desainer biasanya memakainya untuk tombol ajakan bertindak, merek makanan dan restoran, dan aksen merek. Teks hitam di atas warna ini mencapai rasio kontras 11,24:1 (WCAG AAA). Warna bernama terdekat adalah Burly Wood (#deb887), ΔE 2,17.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #ddb87f
  2. #7fa4dd

Komplementer terbelah

  1. #ddb87f
  2. #7fd3dd
  3. #897fdd

Analog

  1. #dd897f
  2. #ddb87f
  3. #d3dd7f

Triadik

  1. #ddb87f
  2. #7fddb8
  3. #b87fdd

Tetradik

  1. #ddb87f
  2. #a4dd7f
  3. #7fa4dd
  4. #b87fdd

Persegi

  1. #ddb87f
  2. #7fdd89
  3. #7fa4dd
  4. #dd7fd3

Monokromatik

  1. #9a6e29
  2. #cd9643
  3. #ddb87f
  4. #eddabb
  5. #fbf6ef

Bayangan

#ddb87f dicampur bertahap dengan hitam.

  1. #ddb87f
  2. #c7a672
  3. #b19366
  4. #9b8159
  5. #856e4c
  6. #6f5c40
  7. #584a33
  8. #423726
  9. #2c2519
  10. #16120d
  11. #000000

Tint

#ddb87f dicampur bertahap dengan putih.

  1. #ddb87f
  2. #e0bf8c
  3. #e4c699
  4. #e7cda5
  5. #ebd4b2
  6. #eedcbf
  7. #f1e3cc
  8. #f5ead9
  9. #f8f1e5
  10. #fcf8f2
  11. #ffffff

Nada

#ddb87f dicampur bertahap dengan abu-abu.

  1. #ddb87f
  2. #d4b27f
  3. #caad7f
  4. #c1a77f
  5. #b8a27f
  6. #af9c80
  7. #a59680
  8. #9c9180
  9. #938b80
  10. #898680
  11. #808080

Teks mudah dibaca 1.87:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 11.24:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #bdbdbd ≈ 0.003% pria
Akromatomali #cbbba8 ≈ 0.001% pria
Protanopia #c7b87b ≈ 1.01% pria
Deuteranopia #d0c180 ≈ 1.27% pria
Tritanopia #ebaea9 ≈ 0.0001% pria
Protanomali #d0b87d ≈ 1.08% pria
Deuteranomali #d5be80 ≈ 4.63% pria
Tritanomali #e6b29a ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-ddb87f {
  color: #ddb87f;
}
Latar
.bg-ddb87f {
  background-color: #ddb87f;
  color: #000000;
}
Garis tepi
.border-ddb87f {
  border: 2px solid #ddb87f;
}
Variabel CSS
:root {
  --color-primary: #ddb87f;
  --color-primary-rgb: 221 184 127;
  --color-primary-hsl: 36 58% 68%;
}
Gradien
.gradient-ddb87f {
  background: linear-gradient(135deg, #ddb87f, #d3dd7f);
}
Bayangan berwarna
.shadow-ddb87f {
  box-shadow: 0 8px 24px rgb(221 184 127 / 0.35);
}

#deb887 Burly Wood ΔE 2.17 #d2b48c Tan ΔE 4.33 #e5aa70 Fawn ΔE 6.71 #ffc87c Topaz ΔE 6.84 #e3a857 Indian Yellow ΔE 7.04 #c2b280 Ecru ΔE 7.11 #ffcc99 Peach Orange ΔE 7.52 #224780 Terbalik #bdbdbd Skala abu-abu 

Burly Wood
#ddb87f  rgb(221, 184, 127)  hsl(36, 58%, 68%)  Burly Wood
#7fa4dd  rgb(127, 164, 221)  hsl(216, 58%, 68%)  Iceberg
#7fddb8  rgb(127, 221, 184)  hsl(156, 58%, 68%)  Seafoam Green
#b87fdd  rgb(184, 127, 221)  hsl(276, 58%, 68%)  Floral Lavender