ColorTool
Masuk
#381FFD

#381ffd ≈ Han Purple

  • biru
  • Kecerahan: sedang
  • Saturasi: sangat cerah
  • Sejuk
Periksa kontras Jelajahi di grafik Warna acak

#381ffd adalah warna dari keluarga “biru”, dengan kecerahan sedang dan saturasi sangat cerah. Dalam model RGB, warna ini terdiri dari 21,96% merah, 12,16% hijau, dan 99,22% biru; saat dicetak CMYK memakai 77,87% sian, 87,75% magenta, 0% kuning, dan 0,78% hitam. Sudut ronanya 246,76°, dengan saturasi 98,23% dan kecerahan 55,69% dalam HSL. Ini warna sejuk yang sering dikaitkan dengan kepercayaan, stabilitas, dan fokus. Desainer biasanya memakainya untuk produk teknologi, keuangan dan perbankan, dan tombol ajakan bertindak. Teks putih di atas warna ini mencapai rasio kontras 7,55:1 (WCAG AAA). Warna bernama terdekat adalah Han Purple (#5218fa), ΔE 1,92.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #381ffd
  2. #e4fd1f

Komplementer terbelah

  1. #381ffd
  2. #fda71f
  3. #75fd1f

Analog

  1. #1f75fd
  2. #381ffd
  3. #a71ffd

Triadik

  1. #381ffd
  2. #fd381f
  3. #1ffd38

Tetradik

  1. #381ffd
  2. #fd1fe4
  3. #e4fd1f
  4. #1ffd38

Persegi

  1. #381ffd
  2. #fd1f75
  3. #e4fd1f
  4. #1ffda7

Monokromatik

  1. #100182
  2. #1902ce
  3. #381ffd
  4. #7b6bfe
  5. #bfb7fe

Bayangan

#381ffd dicampur bertahap dengan hitam.

  1. #381ffd
  2. #321ce4
  3. #2d19ca
  4. #2716b1
  5. #221398
  6. #1c107f
  7. #160c65
  8. #11094c
  9. #0b0633
  10. #060319
  11. #000000

Tint

#381ffd dicampur bertahap dengan putih.

  1. #381ffd
  2. #4c35fd
  3. #604cfd
  4. #7462fe
  5. #8879fe
  6. #9c8ffe
  7. #afa5fe
  8. #c3bcfe
  9. #d7d2ff
  10. #ebe9ff
  11. #ffffff

Nada

#381ffd dicampur bertahap dengan abu-abu.

  1. #381ffd
  2. #3f29f1
  3. #4632e4
  4. #4e3cd8
  5. #5546cb
  6. #5c50bf
  7. #6359b2
  8. #6a63a6
  9. #726d99
  10. #79768d
  11. #808080

Teks mudah dibaca 7.55:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Teks mudah dibaca 2.78:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsia #545454 ≈ 0.003% pria
Akromatomali #4a45b2 ≈ 0.001% pria
Protanopia #005eff ≈ 1.01% pria
Deuteranopia #0049fa ≈ 1.27% pria
Tritanopia #006e97 ≈ 0.0001% pria
Protanomali #004cff ≈ 1.08% pria
Deuteranomali #003cfb ≈ 4.63% pria
Tritanomali #0058c8 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-381ffd {
  color: #381ffd;
}
Latar
.bg-381ffd {
  background-color: #381ffd;
  color: #ffffff;
}
Garis tepi
.border-381ffd {
  border: 2px solid #381ffd;
}
Variabel CSS
:root {
  --color-primary: #381ffd;
  --color-primary-rgb: 56 31 253;
  --color-primary-hsl: 247 98% 56%;
}
Gradien
.gradient-381ffd {
  background: linear-gradient(135deg, #381ffd, #a71ffd);
}
Bayangan berwarna
.shadow-381ffd {
  box-shadow: 0 8px 24px rgb(56 31 253 / 0.35);
}

#5218fa Han Purple ΔE 1.92 #3f00ff Ultramarine ΔE 1.98 #0000ff Blue ΔE 3.14 #6f00ff Electric Indigo ΔE 4.96 #0000cd Medium Blue ΔE 8.62 #8f00ff Electric Violet ΔE 9.18 #1c39bb Persian Blue ΔE 9.39 #c7e002 Terbalik #545454 Skala abu-abu 

Han Purple
#381ffd  rgb(56, 31, 253)  hsl(247, 98%, 56%)  Han Purple
#e4fd1f  rgb(228, 253, 31)  hsl(67, 98%, 56%)  Lemon Lime
#fd381f  rgb(253, 56, 31)  hsl(7, 98%, 56%)  Scarlet
#1ffd38  rgb(31, 253, 56)  hsl(127, 98%, 56%)  Lime