ColorTool
Masuk
#AFABC7

#afabc7 ≈ Wild Blue Yonder

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

#afabc7 adalah warna dari keluarga “biru”, dengan kecerahan tinggi dan saturasi lembut. Dalam model RGB, warna ini terdiri dari 68,63% merah, 67,06% hijau, dan 78,04% biru; saat dicetak CMYK memakai 12,06% sian, 14,07% magenta, 0% kuning, dan 21,96% hitam. Sudut ronanya 248,57°, dengan saturasi 20% dan kecerahan 72,55% 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 9,47:1 (WCAG AAA). Warna bernama terdekat adalah Wild Blue Yonder (#a2add0), ΔE 6,17.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #afabc7
  2. #c3c7ab

Komplementer terbelah

  1. #afabc7
  2. #c7bdab
  3. #b5c7ab

Analog

  1. #abb5c7
  2. #afabc7
  3. #bdabc7

Triadik

  1. #afabc7
  2. #c7afab
  3. #abc7af

Tetradik

  1. #afabc7
  2. #c7abc3
  3. #c3c7ab
  4. #abc7af

Persegi

  1. #afabc7
  2. #c7abb5
  3. #c3c7ab
  4. #abc7bd

Monokromatik

  1. #5d5782
  2. #837da8
  3. #afabc7
  4. #dbd9e6
  5. #f3f3f7

Bayangan

#afabc7 dicampur bertahap dengan hitam.

  1. #afabc7
  2. #9e9ab3
  3. #8c899f
  4. #7b788b
  5. #696777
  6. #585664
  7. #464450
  8. #35333c
  9. #232228
  10. #121114
  11. #000000

Tint

#afabc7 dicampur bertahap dengan putih.

  1. #afabc7
  2. #b7b3cd
  3. #bfbcd2
  4. #c7c4d8
  5. #cfcddd
  6. #d7d5e3
  7. #dfdde9
  8. #e7e6ee
  9. #efeef4
  10. #f7f7f9
  11. #ffffff

Nada

#afabc7 dicampur bertahap dengan abu-abu.

  1. #afabc7
  2. #aaa7c0
  3. #a6a2b9
  4. #a19eb2
  5. #9c9aab
  6. #9896a4
  7. #93919c
  8. #8e8d95
  9. #89898e
  10. #858487
  11. #808080

Teks mudah dibaca 2.22:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 9.47:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #aeaeae ≈ 0.003% pria
Akromatomali #aeadb9 ≈ 0.001% pria
Protanopia #a5aec8 ≈ 1.01% pria
Deuteranopia #a5aec6 ≈ 1.27% pria
Tritanopia #abafb4 ≈ 0.0001% pria
Protanomali #a9adc8 ≈ 1.08% pria
Deuteranomali #a9adc7 ≈ 4.63% pria
Tritanomali #acaebc ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-afabc7 {
  color: #afabc7;
}
Latar
.bg-afabc7 {
  background-color: #afabc7;
  color: #000000;
}
Garis tepi
.border-afabc7 {
  border: 2px solid #afabc7;
}
Variabel CSS
:root {
  --color-primary: #afabc7;
  --color-primary-rgb: 175 171 199;
  --color-primary-hsl: 249 20% 73%;
}
Gradien
.gradient-afabc7 {
  background: linear-gradient(135deg, #afabc7, #bdabc7);
}
Bayangan berwarna
.shadow-afabc7 {
  box-shadow: 0 8px 24px rgb(175 171 199 / 0.35);
}

#a2add0 Wild Blue Yonder ΔE 6.17 #b39eb5 Pastel Purple ΔE 7.08 #aa98a9 Rose Quartz ΔE 8.26 #8c92ac Cool Gray ΔE 9.38 #d6cadd Languid Lavender ΔE 9.47 #d8bfd8 Thistle ΔE 9.82 #c8a2c8 Lilac ΔE 10.46 #505438 Terbalik #aeaeae Skala abu-abu 

Wild Blue Yonder
#afabc7  rgb(175, 171, 199)  hsl(249, 20%, 73%)  Wild Blue Yonder
#c3c7ab  rgb(195, 199, 171)  hsl(69, 20%, 73%)  Sage
#c7afab  rgb(199, 175, 171)  hsl(9, 20%, 73%)  Silver Pink
#abc7af  rgb(171, 199, 175)  hsl(129, 20%, 73%)  Opal