ColorTool
Masuk
#ABF5F5

#abf5f5 ≈ Celeste

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

#abf5f5 adalah warna dari keluarga “sian”, dengan kecerahan tinggi dan saturasi sedang. Dalam model RGB, warna ini terdiri dari 67,06% merah, 96,08% hijau, dan 96,08% biru; saat dicetak CMYK memakai 30,2% sian, 0% magenta, 0% kuning, dan 3,92% hitam. Sudut ronanya 180°, dengan saturasi 78,72% dan kecerahan 81,57% dalam HSL. Ini warna sejuk yang sering dikaitkan dengan kesegaran, teknologi, dan kejelasan. Desainer biasanya memakainya untuk kesehatan dan kebugaran, produk teknologi, dan palet pastel lembut. Teks hitam di atas warna ini mencapai rasio kontras 17,11:1 (WCAG AAA). Warna bernama terdekat adalah Celeste (#b2ffff), ΔE 2,05.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #abf5f5
  2. #f5abab

Komplementer terbelah

  1. #abf5f5
  2. #f5abd0
  3. #f5d0ab

Analog

  1. #abf5d0
  2. #abf5f5
  3. #abd0f5

Triadik

  1. #abf5f5
  2. #f5abf5
  3. #f5f5ab

Tetradik

  1. #abf5f5
  2. #ababf5
  3. #f5abab
  4. #f5f5ab

Persegi

  1. #abf5f5
  2. #d0abf5
  3. #f5abab
  4. #d0f5ab

Monokromatik

  1. #22e5e5
  2. #67eded
  3. #abf5f5
  4. #edfdfd
  5. #edfdfd

Bayangan

#abf5f5 dicampur bertahap dengan hitam.

  1. #abf5f5
  2. #9adddd
  3. #89c4c4
  4. #78acac
  5. #679393
  6. #567b7b
  7. #446262
  8. #334a4a
  9. #223131
  10. #111919
  11. #000000

Tint

#abf5f5 dicampur bertahap dengan putih.

  1. #abf5f5
  2. #b3f6f6
  3. #bcf7f7
  4. #c4f8f8
  5. #cdf9f9
  6. #d5fafa
  7. #ddfbfb
  8. #e6fcfc
  9. #eefdfd
  10. #f7fefe
  11. #ffffff

Nada

#abf5f5 dicampur bertahap dengan abu-abu.

  1. #abf5f5
  2. #a7e9e9
  3. #a2dede
  4. #9ed2d2
  5. #9ac6c6
  6. #96bbbb
  7. #91afaf
  8. #8da3a3
  9. #899797
  10. #848c8c
  11. #808080

Teks mudah dibaca 1.23:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 17.11:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #e8e8e8 ≈ 0.003% pria
Akromatomali #d2eded ≈ 0.001% pria
Protanopia #eceef5 ≈ 1.01% pria
Deuteranopia #dee3f6 ≈ 1.27% pria
Tritanopia #90faf5 ≈ 0.0001% pria
Protanomali #d5f1f5 ≈ 1.08% pria
Deuteranomali #cbebf5 ≈ 4.63% pria
Tritanomali #9bf8f5 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-abf5f5 {
  color: #abf5f5;
}
Latar
.bg-abf5f5 {
  background-color: #abf5f5;
  color: #000000;
}
Garis tepi
.border-abf5f5 {
  border: 2px solid #abf5f5;
}
Variabel CSS
:root {
  --color-primary: #abf5f5;
  --color-primary-rgb: 171 245 245;
  --color-primary-hsl: 180 79% 82%;
}
Gradien
.gradient-abf5f5 {
  background: linear-gradient(135deg, #abf5f5, #abd0f5);
}
Bayangan berwarna
.shadow-abf5f5 {
  box-shadow: 0 8px 24px rgb(171 245 245 / 0.35);
}

#b2ffff Celeste ΔE 2.05 #afeeee Pale Turquoise ΔE 2.07 #7df9ff Electric Blue ΔE 5.40 #b0e0e6 Powder Blue ΔE 6.76 #a4dded Non-Photo Blue ΔE 8.87 #e0ffff Light Cyan ΔE 9.46 #00ffff Aqua ΔE 9.98 #540a0a Terbalik #e8e8e8 Skala abu-abu 

Celeste
#abf5f5  rgb(171, 245, 245)  hsl(180, 79%, 82%)  Celeste
#f5abab  rgb(245, 171, 171)  hsl(0, 79%, 82%)  Pastel Pink
#f5abf5  rgb(245, 171, 245)  hsl(300, 79%, 82%)  Plum
#f5f5ab  rgb(245, 245, 171)  hsl(60, 79%, 82%)  Pale Goldenrod