ColorTool
Masuk
#CCADD4

#ccadd4 ≈ Lilac

  • magenta
  • Kecerahan: tinggi
  • Saturasi: lembut
  • Seimbang
Periksa kontras Jelajahi di grafik Warna acak

#ccadd4 adalah warna dari keluarga “magenta”, dengan kecerahan tinggi dan saturasi lembut. Dalam model RGB, warna ini terdiri dari 80% merah, 67,84% hijau, dan 83,14% biru; saat dicetak CMYK memakai 3,77% sian, 18,4% magenta, 0% kuning, dan 16,86% hitam. Sudut ronanya 287,69°, dengan saturasi 31,2% dan kecerahan 75,49% dalam HSL. Warna ini berada di antara hangat dan sejuk serta sering dikaitkan dengan kreativitas, keberanian, dan individualitas. Desainer biasanya memakainya untuk kecantikan dan kosmetik, studio kreatif, dan palet pastel lembut. Teks hitam di atas warna ini mencapai rasio kontras 10,5:1 (WCAG AAA). Warna bernama terdekat adalah Lilac (#c8a2c8), ΔE 3,21.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #ccadd4
  2. #b5d4ad

Komplementer terbelah

  1. #ccadd4
  2. #c9d4ad
  3. #add4b8

Analog

  1. #b8add4
  2. #ccadd4
  3. #d4adc9

Triadik

  1. #ccadd4
  2. #d4ccad
  3. #add4cc

Tetradik

  1. #ccadd4
  2. #d4adb5
  3. #b5d4ad
  4. #add4cc

Persegi

  1. #ccadd4
  2. #d4b8ad
  3. #b5d4ad
  4. #adc9d4

Monokromatik

  1. #895098
  2. #ad7bba
  3. #ccadd4
  4. #ebdfee
  5. #f7f2f8

Bayangan

#ccadd4 dicampur bertahap dengan hitam.

  1. #ccadd4
  2. #b89cbf
  3. #a38aaa
  4. #8f7994
  5. #7a687f
  6. #66576a
  7. #524555
  8. #3d3440
  9. #29232a
  10. #141115
  11. #000000

Tint

#ccadd4 dicampur bertahap dengan putih.

  1. #ccadd4
  2. #d1b5d8
  3. #d6bddd
  4. #dbc6e1
  5. #e0cee5
  6. #e6d6ea
  7. #ebdeee
  8. #f0e6f2
  9. #f5eff6
  10. #faf7fb
  11. #ffffff

Nada

#ccadd4 dicampur bertahap dengan abu-abu.

  1. #ccadd4
  2. #c4a9cc
  3. #bda4c3
  4. #b5a0bb
  5. #ae9bb2
  6. #a697aa
  7. #9e92a2
  8. #978e99
  9. #8f8991
  10. #888588
  11. #808080

Teks mudah dibaca 2:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 10.5:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #b7b7b7 ≈ 0.003% pria
Akromatomali #c0b3c3 ≈ 0.001% pria
Protanopia #a9b5d6 ≈ 1.01% pria
Deuteranopia #afb8d3 ≈ 1.27% pria
Tritanopia #cdb1ba ≈ 0.0001% pria
Protanomali #b8b2d5 ≈ 1.08% pria
Deuteranomali #bcb4d3 ≈ 4.63% pria
Tritanomali #ccafc5 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-ccadd4 {
  color: #ccadd4;
}
Latar
.bg-ccadd4 {
  background-color: #ccadd4;
  color: #000000;
}
Garis tepi
.border-ccadd4 {
  border: 2px solid #ccadd4;
}
Variabel CSS
:root {
  --color-primary: #ccadd4;
  --color-primary-rgb: 204 173 212;
  --color-primary-hsl: 288 31% 75%;
}
Gradien
.gradient-ccadd4 {
  background: linear-gradient(135deg, #ccadd4, #d4adc9);
}
Bayangan berwarna
.shadow-ccadd4 {
  box-shadow: 0 8px 24px rgb(204 173 212 / 0.35);
}

#c8a2c8 Lilac ΔE 3.21 #c9a0dc Wisteria ΔE 5.76 #d8bfd8 Thistle ΔE 5.98 #dda0dd Plum ΔE 6.87 #b39eb5 Pastel Purple ΔE 7.40 #e0b0ff Mauve ΔE 9.21 #d6cadd Languid Lavender ΔE 10.21 #33522b Terbalik #b7b7b7 Skala abu-abu 

Lilac
#ccadd4  rgb(204, 173, 212)  hsl(288, 31%, 75%)  Lilac
#b5d4ad  rgb(181, 212, 173)  hsl(108, 31%, 75%)  Celadon
#d4ccad  rgb(212, 204, 173)  hsl(48, 31%, 75%)  Pearl
#add4cc  rgb(173, 212, 204)  hsl(168, 31%, 75%)  Opal