ColorTool
Masuk
#20F4E4

#20f4e4 ≈ Turquoise Blue

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

#20f4e4 adalah warna dari keluarga “sian”, dengan kecerahan sedang dan saturasi sangat cerah. Dalam model RGB, warna ini terdiri dari 12,55% merah, 95,69% hijau, dan 89,41% biru; saat dicetak CMYK memakai 86,89% sian, 0% magenta, 6,56% kuning, dan 4,31% hitam. Sudut ronanya 175,47°, dengan saturasi 90,6% dan kecerahan 54,12% dalam HSL. Ini warna sejuk yang sering dikaitkan dengan kesegaran, teknologi, dan kejelasan. Desainer biasanya memakainya untuk kesehatan dan kebugaran, produk teknologi, dan tombol ajakan bertindak. Teks hitam di atas warna ini mencapai rasio kontras 15,12:1 (WCAG AAA). Warna bernama terdekat adalah Turquoise Blue (#00ffef), ΔE 2,29.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #20f4e4
  2. #f42030

Komplementer terbelah

  1. #20f4e4
  2. #f4209a
  3. #f47a20

Analog

  1. #20f47a
  2. #20f4e4
  3. #209af4

Triadik

  1. #20f4e4
  2. #e420f4
  3. #f4e420

Tetradik

  1. #20f4e4
  2. #2030f4
  3. #f42030
  4. #f4e420

Persegi

  1. #20f4e4
  2. #7a20f4
  3. #f42030
  4. #9af420

Monokromatik

  1. #06756d
  2. #09beb0
  3. #20f4e4
  4. #69f8ed
  5. #b2fbf6

Bayangan

#20f4e4 dicampur bertahap dengan hitam.

  1. #20f4e4
  2. #1ddccd
  3. #1ac3b6
  4. #16aba0
  5. #139289
  6. #107a72
  7. #0d625b
  8. #0a4944
  9. #06312e
  10. #031817
  11. #000000

Tint

#20f4e4 dicampur bertahap dengan putih.

  1. #20f4e4
  2. #36f5e7
  3. #4df6e9
  4. #63f7ec
  5. #79f8ef
  6. #90faf2
  7. #a6fbf4
  8. #bcfcf7
  9. #d2fdfa
  10. #e9fefc
  11. #ffffff

Nada

#20f4e4 dicampur bertahap dengan abu-abu.

  1. #20f4e4
  2. #2ae8da
  3. #33ddd0
  4. #3dd1c6
  5. #46c6bc
  6. #50bab2
  7. #5aaea8
  8. #63a39e
  9. #6d9794
  10. #768c8a
  11. #808080

Teks mudah dibaca 1.39:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 15.12:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #dbdbdb ≈ 0.003% pria
Akromatomali #afe5de ≈ 0.001% pria
Protanopia #e7e6e4 ≈ 1.01% pria
Deuteranopia #ccd3e6 ≈ 1.27% pria
Tritanopia #00faef ≈ 0.0001% pria
Protanomali #b9ece4 ≈ 1.08% pria
Deuteranomali #a4e1e5 ≈ 4.63% pria
Tritanomali #00f8eb ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-20f4e4 {
  color: #20f4e4;
}
Latar
.bg-20f4e4 {
  background-color: #20f4e4;
  color: #000000;
}
Garis tepi
.border-20f4e4 {
  border: 2px solid #20f4e4;
}
Variabel CSS
:root {
  --color-primary: #20f4e4;
  --color-primary-rgb: 32 244 228;
  --color-primary-hsl: 175 91% 54%;
}
Gradien
.gradient-20f4e4 {
  background: linear-gradient(135deg, #20f4e4, #209af4);
}
Bayangan berwarna
.shadow-20f4e4 {
  box-shadow: 0 8px 24px rgb(32 244 228 / 0.35);
}

#00ffef Turquoise Blue ΔE 2.29 #08e8de Bright Turquoise ΔE 3.10 #40e0d0 Turquoise ΔE 4.49 #00ffff Aqua ΔE 5.57 #00ffff Cyan ΔE 5.57 #48d1cc Medium Turquoise ΔE 8.61 #7df9ff Electric Blue ΔE 9.09 #df0b1b Terbalik #dbdbdb Skala abu-abu 

Turquoise Blue
#20f4e4  rgb(32, 244, 228)  hsl(175, 91%, 54%)  Turquoise Blue
#f42030  rgb(244, 32, 48)  hsl(355, 91%, 54%)  Tractor Red
#e420f4  rgb(228, 32, 244)  hsl(295, 91%, 54%)  Fuchsia
#f4e420  rgb(244, 228, 32)  hsl(55, 91%, 54%)  Dandelion