ColorTool
Masuk
#4B5166

#4b5166 ≈ Charcoal

  • biru
  • Kecerahan: rendah
  • Saturasi: lembut
  • Sejuk
Periksa kontras Jelajahi di grafik Warna acak

#4b5166 adalah warna dari keluarga “biru”, dengan kecerahan rendah dan saturasi lembut. Dalam model RGB, warna ini terdiri dari 29,41% merah, 31,76% hijau, dan 40% biru; saat dicetak CMYK memakai 26,47% sian, 20,59% magenta, 0% kuning, dan 60% hitam. Sudut ronanya 226,67°, dengan saturasi 15,25% dan kecerahan 34,71% dalam HSL. Ini warna sejuk yang sering dikaitkan dengan kepercayaan, stabilitas, dan fokus. Desainer biasanya memakainya untuk produk teknologi, keuangan dan perbankan, dan identitas korporat. Teks putih di atas warna ini mencapai rasio kontras 7,87:1 (WCAG AAA). Warna bernama terdekat adalah Charcoal (#36454f), ΔE 9,75.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #4b5166
  2. #66604b

Komplementer terbelah

  1. #4b5166
  2. #66534b
  3. #5f664b

Analog

  1. #4b5f66
  2. #4b5166
  3. #534b66

Triadik

  1. #4b5166
  2. #664b51
  3. #51664b

Tetradik

  1. #4b5166
  2. #604b66
  3. #66604b
  4. #51664b

Persegi

  1. #4b5166
  2. #664b5f
  3. #66604b
  4. #4b6653

Monokromatik

  1. #0a0b0e
  2. #2b2e3a
  3. #4b5166
  4. #6b7492
  5. #979db3

Bayangan

#4b5166 dicampur bertahap dengan hitam.

  1. #4b5166
  2. #44495c
  3. #3c4152
  4. #353947
  5. #2d313d
  6. #262933
  7. #1e2029
  8. #17181f
  9. #0f1014
  10. #08080a
  11. #000000

Tint

#4b5166 dicampur bertahap dengan putih.

  1. #4b5166
  2. #5d6275
  3. #6f7485
  4. #818594
  5. #9397a3
  6. #a5a8b3
  7. #b7b9c2
  8. #c9cbd1
  9. #dbdce0
  10. #edeef0
  11. #ffffff

Nada

#4b5166 dicampur bertahap dengan abu-abu.

  1. #4b5166
  2. #505669
  3. #565a6b
  4. #5b5f6e
  5. #606470
  6. #666973
  7. #6b6d76
  8. #707278
  9. #75777b
  10. #7b7b7d
  11. #808080

Teks mudah dibaca 7.87:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Teks mudah dibaca 2.67:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsia #525252 ≈ 0.003% pria
Akromatomali #4f515a ≈ 0.001% pria
Protanopia #4b5367 ≈ 1.01% pria
Deuteranopia #495165 ≈ 1.27% pria
Tritanopia #445558 ≈ 0.0001% pria
Protanomali #4b5267 ≈ 1.08% pria
Deuteranomali #4a5166 ≈ 4.63% pria
Tritanomali #47535e ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-4b5166 {
  color: #4b5166;
}
Latar
.bg-4b5166 {
  background-color: #4b5166;
  color: #ffffff;
}
Garis tepi
.border-4b5166 {
  border: 2px solid #4b5166;
}
Variabel CSS
:root {
  --color-primary: #4b5166;
  --color-primary-rgb: 75 81 102;
  --color-primary-hsl: 227 15% 35%;
}
Gradien
.gradient-4b5166 {
  background: linear-gradient(135deg, #4b5166, #534b66);
}
Bayangan berwarna
.shadow-4b5166 {
  box-shadow: 0 8px 24px rgb(75 81 102 / 0.35);
}

#36454f Charcoal ΔE 9.75 #555555 Davy's Gray ΔE 10.50 #414a4c Outer Space ΔE 11.25 #483d8b Dark Slate Blue ΔE 13.18 #353839 Onyx ΔE 13.38 #436b95 Queen Blue ΔE 13.38 #696969 Dim Gray ΔE 13.46 #b4ae99 Terbalik #525252 Skala abu-abu 

Charcoal
#4b5166  rgb(75, 81, 102)  hsl(227, 15%, 35%)  Charcoal
#66604b  rgb(102, 96, 75)  hsl(47, 15%, 35%)  Dim Gray
#664b51  rgb(102, 75, 81)  hsl(347, 15%, 35%)  Liver
#51664b  rgb(81, 102, 75)  hsl(107, 15%, 35%)  Hunter Green