ColorTool
Masuk
#836B60

#836b60 ≈ Beaver

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

#836b60 adalah warna dari keluarga “oranye”, dengan kecerahan sedang dan saturasi lembut. Dalam model RGB, warna ini terdiri dari 51,37% merah, 41,96% hijau, dan 37,65% biru; saat dicetak CMYK memakai 0% sian, 18,32% magenta, 26,72% kuning, dan 48,63% hitam. Sudut ronanya 18,86°, dengan saturasi 15,42% 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 putih di atas warna ini mencapai rasio kontras 4,96:1 (WCAG AA). Warna bernama terdekat adalah Beaver (#9f8170), ΔE 9,39.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #836b60
  2. #607883

Komplementer terbelah

  1. #836b60
  2. #60837d
  3. #606683

Analog

  1. #836066
  2. #836b60
  3. #837d60

Triadik

  1. #836b60
  2. #60836b
  3. #6b6083

Tetradik

  1. #836b60
  2. #788360
  3. #607883
  4. #6b6083

Persegi

  1. #836b60
  2. #668360
  3. #607883
  4. #7d6083

Monokromatik

  1. #2b231f
  2. #574740
  3. #836b60
  4. #a89288
  5. #c8bab4

Bayangan

#836b60 dicampur bertahap dengan hitam.

  1. #836b60
  2. #766056
  3. #69564d
  4. #5c4b43
  5. #4f403a
  6. #423630
  7. #342b26
  8. #27201d
  9. #1a1513
  10. #0d0b0a
  11. #000000

Tint

#836b60 dicampur bertahap dengan putih.

  1. #836b60
  2. #8f7a70
  3. #9c8980
  4. #a89790
  5. #b5a6a0
  6. #c1b5b0
  7. #cdc4bf
  8. #dad3cf
  9. #e6e1df
  10. #f3f0ef
  11. #ffffff

Nada

#836b60 dicampur bertahap dengan abu-abu.

  1. #836b60
  2. #836d63
  3. #826f66
  4. #82716a
  5. #82736d
  6. #827670
  7. #817873
  8. #817a76
  9. #817c7a
  10. #807e7d
  11. #808080

Teks mudah dibaca 4.96:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Teks mudah dibaca 4.24:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsia #707070 ≈ 0.003% pria
Akromatomali #786e6a ≈ 0.001% pria
Protanopia #716d5f ≈ 1.01% pria
Deuteranopia #777260 ≈ 1.27% pria
Tritanopia #8a6768 ≈ 0.0001% pria
Protanomali #796c60 ≈ 1.08% pria
Deuteranomali #7c6f60 ≈ 4.63% pria
Tritanomali #876965 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-836b60 {
  color: #836b60;
}
Latar
.bg-836b60 {
  background-color: #836b60;
  color: #ffffff;
}
Garis tepi
.border-836b60 {
  border: 2px solid #836b60;
}
Variabel CSS
:root {
  --color-primary: #836b60;
  --color-primary-rgb: 131 107 96;
  --color-primary-hsl: 19 15% 45%;
}
Gradien
.gradient-836b60 {
  background: linear-gradient(135deg, #836b60, #837d60);
}
Bayangan berwarna
.shadow-836b60 {
  box-shadow: 0 8px 24px rgb(131 107 96 / 0.35);
}

#9f8170 Beaver ΔE 9.39 #826644 Raw Umber ΔE 9.45 #645452 Wenge ΔE 10.27 #635147 Umber ΔE 10.32 #996666 Copper Rose ΔE 10.59 #a67b5b Cafe au Lait ΔE 11.47 #6f4e37 Coffee ΔE 11.54 #7c949f Terbalik #707070 Skala abu-abu 

Beaver
#836b60  rgb(131, 107, 96)  hsl(19, 15%, 45%)  Beaver
#607883  rgb(96, 120, 131)  hsl(199, 15%, 45%)  Slate Gray
#60836b  rgb(96, 131, 107)  hsl(139, 15%, 45%)  Viridian
#6b6083  rgb(107, 96, 131)  hsl(259, 15%, 45%)  Old Lavender