ColorTool
Masuk
#BD6326

#bd6326 ≈ Burnt Orange

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

#bd6326 adalah warna dari keluarga “oranye”, dengan kecerahan sedang dan saturasi kuat. Dalam model RGB, warna ini terdiri dari 74,12% merah, 38,82% hijau, dan 14,9% biru; saat dicetak CMYK memakai 0% sian, 47,62% magenta, 79,89% kuning, dan 25,88% hitam. Sudut ronanya 24,24°, dengan saturasi 66,52% dan kecerahan 44,51% 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 4,98:1 (WCAG AA). Warna bernama terdekat adalah Burnt Orange (#cc5500), ΔE 4,71.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #bd6326
  2. #2680bd

Komplementer terbelah

  1. #bd6326
  2. #26bdaf
  3. #2634bd

Analog

  1. #bd2634
  2. #bd6326
  3. #bdaf26

Triadik

  1. #bd6326
  2. #26bd63
  3. #6326bd

Tetradik

  1. #bd6326
  2. #80bd26
  3. #2680bd
  4. #6326bd

Persegi

  1. #bd6326
  2. #34bd26
  3. #2680bd
  4. #af26bd

Monokromatik

  1. #3e200c
  2. #7d4219
  3. #bd6326
  4. #dc8b53
  5. #e9b693

Bayangan

#bd6326 dicampur bertahap dengan hitam.

  1. #bd6326
  2. #aa5922
  3. #974f1e
  4. #84451b
  5. #713b17
  6. #5f3213
  7. #4c280f
  8. #391e0b
  9. #261408
  10. #130a04
  11. #000000

Tint

#bd6326 dicampur bertahap dengan putih.

  1. #bd6326
  2. #c4733c
  3. #ca8251
  4. #d19267
  5. #d7a17d
  6. #deb193
  7. #e5c1a8
  8. #ebd0be
  9. #f2e0d4
  10. #f8efe9
  11. #ffffff

Nada

#bd6326 dicampur bertahap dengan abu-abu.

  1. #bd6326
  2. #b7662f
  3. #b16938
  4. #ab6c41
  5. #a56f4a
  6. #9f7253
  7. #98745c
  8. #927765
  9. #8c7a6e
  10. #867d77
  11. #808080

Teks mudah dibaca 4.22:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Teks mudah dibaca 4.98:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsia #7b7b7b ≈ 0.003% pria
Akromatomali #9a7264 ≈ 0.001% pria
Protanopia #7d6f1d ≈ 1.01% pria
Deuteranopia #938325 ≈ 1.27% pria
Tritanopia #cf4f57 ≈ 0.0001% pria
Protanomali #9b6a21 ≈ 1.08% pria
Deuteranomali #a57825 ≈ 4.63% pria
Tritanomali #c85848 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-bd6326 {
  color: #bd6326;
}
Latar
.bg-bd6326 {
  background-color: #bd6326;
  color: #000000;
}
Garis tepi
.border-bd6326 {
  border: 2px solid #bd6326;
}
Variabel CSS
:root {
  --color-primary: #bd6326;
  --color-primary-rgb: 189 99 38;
  --color-primary-hsl: 24 67% 45%;
}
Gradien
.gradient-bd6326 {
  background: linear-gradient(135deg, #bd6326, #bdaf26);
}
Bayangan berwarna
.shadow-bd6326 {
  box-shadow: 0 8px 24px rgb(189 99 38 / 0.35);
}

#cc5500 Burnt Orange ΔE 4.71 #d2691e Chocolate ΔE 4.84 #b87333 Copper ΔE 6.17 #b06500 Ginger ΔE 7.38 #cc7722 Ochre ΔE 8.13 #e25822 Flame ΔE 8.67 #c04000 Mahogany ΔE 9.25 #429cd9 Terbalik #7b7b7b Skala abu-abu 

Burnt Orange
#bd6326  rgb(189, 99, 38)  hsl(24, 67%, 45%)  Burnt Orange
#2680bd  rgb(38, 128, 189)  hsl(204, 67%, 45%)  Steel Blue
#26bd63  rgb(38, 189, 99)  hsl(144, 67%, 45%)  Emerald
#6326bd  rgb(99, 38, 189)  hsl(264, 67%, 45%)  Purple Heart