ColorTool
Masuk
#87A5EE

#87a5ee ≈ Cornflower Blue

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

#87a5ee adalah warna dari keluarga “biru”, dengan kecerahan tinggi dan saturasi sedang. Dalam model RGB, warna ini terdiri dari 52,94% merah, 64,71% hijau, dan 93,33% biru; saat dicetak CMYK memakai 43,28% sian, 30,67% magenta, 0% kuning, dan 6,67% hitam. Sudut ronanya 222,52°, dengan saturasi 75,18% dan kecerahan 73,14% dalam HSL. Ini warna sejuk yang sering dikaitkan dengan kepercayaan, stabilitas, dan fokus. Desainer biasanya memakainya untuk produk teknologi, keuangan dan perbankan, dan aksen merek. Teks hitam di atas warna ini mencapai rasio kontras 8,65:1 (WCAG AAA). Warna bernama terdekat adalah Cornflower Blue (#6495ed), ΔE 6,29.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #87a5ee
  2. #eed087

Komplementer terbelah

  1. #87a5ee
  2. #ee9d87
  3. #d9ee87

Analog

  1. #87d9ee
  2. #87a5ee
  3. #9d87ee

Triadik

  1. #87a5ee
  2. #ee87a5
  3. #a5ee87

Tetradik

  1. #87a5ee
  2. #d087ee
  3. #eed087
  4. #a5ee87

Persegi

  1. #87a5ee
  2. #ee87d9
  3. #eed087
  4. #87ee9d

Monokromatik

  1. #1b4bc1
  2. #4473e5
  3. #87a5ee
  4. #cad7f7
  5. #edf2fc

Bayangan

#87a5ee dicampur bertahap dengan hitam.

  1. #87a5ee
  2. #7a95d6
  3. #6c84be
  4. #5f74a7
  5. #51638f
  6. #445377
  7. #36425f
  8. #293247
  9. #1b2130
  10. #0e1118
  11. #000000

Tint

#87a5ee dicampur bertahap dengan putih.

  1. #87a5ee
  2. #93aef0
  3. #9fb7f1
  4. #abc0f3
  5. #b7c9f5
  6. #c3d2f7
  7. #cfdbf8
  8. #dbe4fa
  9. #e7edfc
  10. #f3f6fd
  11. #ffffff

Nada

#87a5ee dicampur bertahap dengan abu-abu.

  1. #87a5ee
  2. #86a1e3
  3. #869ed8
  4. #859acd
  5. #8496c2
  6. #8493b7
  7. #838fac
  8. #828ba1
  9. #818796
  10. #81848b
  11. #808080

Teks mudah dibaca 2.43:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 8.65:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #a6a6a6 ≈ 0.003% pria
Akromatomali #9ba6c7 ≈ 0.001% pria
Protanopia #8babf1 ≈ 1.01% pria
Deuteranopia #81a2ec ≈ 1.27% pria
Tritanopia #62b4bf ≈ 0.0001% pria
Protanomali #89a9f0 ≈ 1.08% pria
Deuteranomali #83a3ed ≈ 4.63% pria
Tritanomali #73aed3 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-87a5ee {
  color: #87a5ee;
}
Latar
.bg-87a5ee {
  background-color: #87a5ee;
  color: #000000;
}
Garis tepi
.border-87a5ee {
  border: 2px solid #87a5ee;
}
Variabel CSS
:root {
  --color-primary: #87a5ee;
  --color-primary-rgb: 135 165 238;
  --color-primary-hsl: 223 75% 73%;
}
Gradien
.gradient-87a5ee {
  background: linear-gradient(135deg, #87a5ee, #9d87ee);
}
Bayangan berwarna
.shadow-87a5ee {
  box-shadow: 0 8px 24px rgb(135 165 238 / 0.35);
}

#6495ed Cornflower Blue ΔE 6.29 #71a6d2 Iceberg ΔE 7.18 #5b92e5 United Nations Blue ΔE 7.89 #a2add0 Wild Blue Yonder ΔE 9.11 #56a0d3 Carolina Blue ΔE 10.53 #b0c4de Light Steel Blue ΔE 11.13 #1e90ff Dodger Blue ΔE 11.30 #785a11 Terbalik #a6a6a6 Skala abu-abu 

Cornflower Blue
#87a5ee  rgb(135, 165, 238)  hsl(223, 75%, 73%)  Cornflower Blue
#eed087  rgb(238, 208, 135)  hsl(43, 75%, 73%)  Buff
#ee87a5  rgb(238, 135, 165)  hsl(343, 75%, 73%)  Flamingo Pink
#a5ee87  rgb(165, 238, 135)  hsl(103, 75%, 73%)  Light Green