ColorTool
Masuk
#AFD2BE

#afd2be ≈ Opal

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

#afd2be adalah warna dari keluarga “hijau”, dengan kecerahan tinggi dan saturasi lembut. Dalam model RGB, warna ini terdiri dari 68,63% merah, 82,35% hijau, dan 74,51% biru; saat dicetak CMYK memakai 16,67% sian, 0% magenta, 9,52% kuning, dan 17,65% hitam. Sudut ronanya 145,71°, dengan saturasi 28% dan kecerahan 75,49% dalam HSL. Warna ini berada di antara hangat dan sejuk serta sering dikaitkan dengan alam, kesehatan, dan keseimbangan. Desainer biasanya memakainya untuk merek ramah lingkungan, kesehatan dan kebugaran, dan palet pastel lembut. Teks hitam di atas warna ini mencapai rasio kontras 12,78:1 (WCAG AAA). Warna bernama terdekat adalah Opal (#a8c3bc), ΔE 6,33.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #afd2be
  2. #d2afc3

Komplementer terbelah

  1. #afd2be
  2. #cfafd2
  3. #d2afb2

Analog

  1. #b2d2af
  2. #afd2be
  3. #afd2cf

Triadik

  1. #afd2be
  2. #beafd2
  3. #d2beaf

Tetradik

  1. #afd2be
  2. #afc3d2
  3. #d2afc3
  4. #d2beaf

Persegi

  1. #afd2be
  2. #afb2d2
  3. #d2afc3
  4. #d2cfaf

Monokromatik

  1. #54946f
  2. #7eb696
  3. #afd2be
  4. #e0eee6
  5. #f2f8f4

Bayangan

#afd2be dicampur bertahap dengan hitam.

  1. #afd2be
  2. #9ebdab
  3. #8ca898
  4. #7b9385
  5. #697e72
  6. #58695f
  7. #46544c
  8. #353f39
  9. #232a26
  10. #121513
  11. #000000

Tint

#afd2be dicampur bertahap dengan putih.

  1. #afd2be
  2. #b7d7c5
  3. #bfdbcb
  4. #c7e0d2
  5. #cfe4d8
  6. #d7e9df
  7. #dfede5
  8. #e7f2ec
  9. #eff6f2
  10. #f7fbf9
  11. #ffffff

Nada

#afd2be dicampur bertahap dengan abu-abu.

  1. #afd2be
  2. #aacab8
  3. #a6c2b2
  4. #a1b9ab
  5. #9cb1a5
  6. #98a99f
  7. #93a199
  8. #8e9993
  9. #89908c
  10. #858886
  11. #808080

Teks mudah dibaca 1.64:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 12.78:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #cacaca ≈ 0.003% pria
Akromatomali #c0cdc5 ≈ 0.001% pria
Protanopia #d1ccbd ≈ 1.01% pria
Deuteranopia #cbc8bf ≈ 1.27% pria
Tritanopia #a9d2cc ≈ 0.0001% pria
Protanomali #c4cfbd ≈ 1.08% pria
Deuteranomali #c0ccbf ≈ 4.63% pria
Tritanomali #abd2c7 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-afd2be {
  color: #afd2be;
}
Latar
.bg-afd2be {
  background-color: #afd2be;
  color: #000000;
}
Garis tepi
.border-afd2be {
  border: 2px solid #afd2be;
}
Variabel CSS
:root {
  --color-primary: #afd2be;
  --color-primary-rgb: 175 210 190;
  --color-primary-hsl: 146 28% 75%;
}
Gradien
.gradient-afd2be {
  background: linear-gradient(135deg, #afd2be, #afd2cf);
}
Bayangan berwarna
.shadow-afd2be {
  box-shadow: 0 8px 24px rgb(175 210 190 / 0.35);
}

#a8c3bc Opal ΔE 6.33 #9fe2bf Seafoam Green ΔE 7.47 #aaf0d1 Magic Mint ΔE 8.85 #ace1af Celadon ΔE 8.95 #b2beb5 Ash Gray ΔE 9.19 #8fbc8f Dark Sea Green ΔE 10.11 #d0f0c0 Tea Green ΔE 10.47 #502d41 Terbalik #cacaca Skala abu-abu 

Opal
#afd2be  rgb(175, 210, 190)  hsl(146, 28%, 75%)  Opal
#d2afc3  rgb(210, 175, 195)  hsl(326, 28%, 75%)  Thistle
#beafd2  rgb(190, 175, 210)  hsl(266, 28%, 75%)  Pastel Purple
#d2beaf  rgb(210, 190, 175)  hsl(26, 28%, 75%)  Desert Sand