ColorTool
Masuk
#CAA55D

#caa55d ≈ Indian Yellow

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

#caa55d adalah warna dari keluarga “oranye”, dengan kecerahan sedang dan saturasi sedang. Dalam model RGB, warna ini terdiri dari 79,22% merah, 64,71% hijau, dan 36,47% biru; saat dicetak CMYK memakai 0% sian, 18,32% magenta, 53,96% kuning, dan 20,78% hitam. Sudut ronanya 39,63°, dengan saturasi 50,7% dan kecerahan 57,84% 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 9,05:1 (WCAG AAA). Warna bernama terdekat adalah Indian Yellow (#e3a857), ΔE 6,2.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #caa55d
  2. #5d82ca

Komplementer terbelah

  1. #caa55d
  2. #5db9ca
  3. #6e5dca

Analog

  1. #ca6e5d
  2. #caa55d
  3. #b9ca5d

Triadik

  1. #caa55d
  2. #5dcaa5
  3. #a55dca

Tetradik

  1. #caa55d
  2. #82ca5d
  3. #5d82ca
  4. #a55dca

Persegi

  1. #caa55d
  2. #5dca6e
  3. #5d82ca
  4. #ca5db9

Monokromatik

  1. #6b5323
  2. #a57f36
  3. #caa55d
  4. #ddc597
  5. #f0e5d0

Bayangan

#caa55d dicampur bertahap dengan hitam.

  1. #caa55d
  2. #b69554
  3. #a2844a
  4. #8d7441
  5. #796338
  6. #65532f
  7. #514225
  8. #3d321c
  9. #282113
  10. #141109
  11. #000000

Tint

#caa55d dicampur bertahap dengan putih.

  1. #caa55d
  2. #cfae6d
  3. #d5b77d
  4. #dac08e
  5. #dfc99e
  6. #e5d2ae
  7. #eadbbe
  8. #efe4ce
  9. #f4eddf
  10. #faf6ef
  11. #ffffff

Nada

#caa55d dicampur bertahap dengan abu-abu.

  1. #caa55d
  2. #c3a161
  3. #bb9e64
  4. #b49a68
  5. #ac966b
  6. #a5936f
  7. #9e8f72
  8. #968b76
  9. #8f8779
  10. #87847d
  11. #808080

Teks mudah dibaca 2.32:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 9.05:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #aaaaaa ≈ 0.003% pria
Akromatomali #b8a892 ≈ 0.001% pria
Protanopia #b5a557 ≈ 1.01% pria
Deuteranopia #beae5f ≈ 1.27% pria
Tritanopia #d99994 ≈ 0.0001% pria
Protanomali #bea559 ≈ 1.08% pria
Deuteranomali #c3ab5e ≈ 4.63% pria
Tritanomali #d39e82 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-caa55d {
  color: #caa55d;
}
Latar
.bg-caa55d {
  background-color: #caa55d;
  color: #000000;
}
Garis tepi
.border-caa55d {
  border: 2px solid #caa55d;
}
Variabel CSS
:root {
  --color-primary: #caa55d;
  --color-primary-rgb: 202 165 93;
  --color-primary-hsl: 40 51% 58%;
}
Gradien
.gradient-caa55d {
  background: linear-gradient(135deg, #caa55d, #b9ca5d);
}
Bayangan berwarna
.shadow-caa55d {
  box-shadow: 0 8px 24px rgb(202 165 93 / 0.35);
}

#e3a857 Indian Yellow ΔE 6.20 #c19a6b Camel ΔE 6.64 #d4af37 Metallic Gold ΔE 7.34 #c5b358 Vegas Gold ΔE 7.70 #deb887 Burly Wood ΔE 7.70 #daa520 Goldenrod ΔE 7.73 #c2b280 Ecru ΔE 7.76 #355aa2 Terbalik #aaaaaa Skala abu-abu 

Indian Yellow
#caa55d  rgb(202, 165, 93)  hsl(40, 51%, 58%)  Indian Yellow
#5d82ca  rgb(93, 130, 202)  hsl(220, 51%, 58%)  Glaucous
#5dcaa5  rgb(93, 202, 165)  hsl(160, 51%, 58%)  Medium Aquamarine
#a55dca  rgb(165, 93, 202)  hsl(280, 51%, 58%)  Amethyst