ColorTool
Masuk
#ECC67F

#ecc67f ≈ Topaz

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

#ecc67f adalah warna dari keluarga “oranye”, dengan kecerahan tinggi dan saturasi sedang. Dalam model RGB, warna ini terdiri dari 92,55% merah, 77,65% hijau, dan 49,8% biru; saat dicetak CMYK memakai 0% sian, 16,1% magenta, 46,19% kuning, dan 7,45% hitam. Sudut ronanya 39,08°, dengan saturasi 74,15% dan kecerahan 71,18% 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 12,95:1 (WCAG AAA). Warna bernama terdekat adalah Topaz (#ffc87c), ΔE 4,65.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #ecc67f
  2. #7fa5ec

Komplementer terbelah

  1. #ecc67f
  2. #7fdcec
  3. #907fec

Analog

  1. #ec907f
  2. #ecc67f
  3. #dcec7f

Triadik

  1. #ecc67f
  2. #7fecc6
  3. #c67fec

Tetradik

  1. #ecc67f
  2. #a5ec7f
  3. #7fa5ec
  4. #c67fec

Persegi

  1. #ecc67f
  2. #7fec90
  3. #7fa5ec
  4. #ec7fdc

Monokromatik

  1. #b7811b
  2. #e2a83c
  3. #ecc67f
  4. #f6e4c2
  5. #fcf7ed

Bayangan

#ecc67f dicampur bertahap dengan hitam.

  1. #ecc67f
  2. #d4b272
  3. #bd9e66
  4. #a58b59
  5. #8e774c
  6. #766340
  7. #5e4f33
  8. #473b26
  9. #2f2819
  10. #18140d
  11. #000000

Tint

#ecc67f dicampur bertahap dengan putih.

  1. #ecc67f
  2. #eecc8c
  3. #f0d199
  4. #f2d7a5
  5. #f4ddb2
  6. #f6e3bf
  7. #f7e8cc
  8. #f9eed9
  9. #fbf4e5
  10. #fdf9f2
  11. #ffffff

Nada

#ecc67f dicampur bertahap dengan abu-abu.

  1. #ecc67f
  2. #e1bf7f
  3. #d6b87f
  4. #ccb17f
  5. #c1aa7f
  6. #b6a380
  7. #ab9c80
  8. #a09580
  9. #968e80
  10. #8b8780
  11. #808080

Teks mudah dibaca 1.62:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 12.95:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #cbcbcb ≈ 0.003% pria
Akromatomali #d9c9b2 ≈ 0.001% pria
Protanopia #d7c579 ≈ 1.01% pria
Deuteranopia #e0cf81 ≈ 1.27% pria
Tritanopia #fcbab4 ≈ 0.0001% pria
Protanomali #e0c67c ≈ 1.08% pria
Deuteranomali #e5cc80 ≈ 4.63% pria
Tritanomali #f6bfa2 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-ecc67f {
  color: #ecc67f;
}
Latar
.bg-ecc67f {
  background-color: #ecc67f;
  color: #000000;
}
Garis tepi
.border-ecc67f {
  border: 2px solid #ecc67f;
}
Variabel CSS
:root {
  --color-primary: #ecc67f;
  --color-primary-rgb: 236 198 127;
  --color-primary-hsl: 39 74% 71%;
}
Gradien
.gradient-ecc67f {
  background: linear-gradient(135deg, #ecc67f, #dcec7f);
}
Bayangan berwarna
.shadow-ecc67f {
  box-shadow: 0 8px 24px rgb(236 198 127 / 0.35);
}

#ffc87c Topaz ΔE 4.65 #deb887 Burly Wood ΔE 6.00 #fad6a5 Sunset ΔE 6.29 #ffdead Navajo White ΔE 7.35 #ffcc99 Peach Orange ΔE 7.46 #f8de7e Jasmine ΔE 7.85 #f0dc82 Buff ΔE 8.05 #133980 Terbalik #cbcbcb Skala abu-abu 

Topaz
#ecc67f  rgb(236, 198, 127)  hsl(39, 74%, 71%)  Topaz
#7fa5ec  rgb(127, 165, 236)  hsl(219, 74%, 71%)  Cornflower Blue
#7fecc6  rgb(127, 236, 198)  hsl(159, 74%, 71%)  Aquamarine
#c67fec  rgb(198, 127, 236)  hsl(279, 74%, 71%)  Floral Lavender