ColorTool
Masuk
#1F7EA3

#1f7ea3 ≈ Cerulean

  • biru langit
  • Kecerahan: rendah
  • Saturasi: kuat
  • Sejuk
Periksa kontras Jelajahi di grafik Warna acak

#1f7ea3 adalah warna dari keluarga “biru langit”, dengan kecerahan rendah dan saturasi kuat. Dalam model RGB, warna ini terdiri dari 12,16% merah, 49,41% hijau, dan 63,92% biru; saat dicetak CMYK memakai 80,98% sian, 22,7% magenta, 0% kuning, dan 36,08% hitam. Sudut ronanya 196,82°, dengan saturasi 68,04% dan kecerahan 38,04% dalam HSL. Ini warna sejuk yang sering dikaitkan dengan keterbukaan, kebebasan, dan ketenangan. Desainer biasanya memakainya untuk produk teknologi, keuangan dan perbankan, dan aksen merek. Teks putih di atas warna ini mencapai rasio kontras 4,59:1 (WCAG AA). Warna bernama terdekat adalah Cerulean (#007ba7), ΔE 2,17.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #1f7ea3
  2. #a3441f

Komplementer terbelah

  1. #1f7ea3
  2. #a31f3c
  3. #a3861f

Analog

  1. #1fa386
  2. #1f7ea3
  3. #1f3ca3

Triadik

  1. #1f7ea3
  2. #a31f7e
  3. #7ea31f

Tetradik

  1. #1f7ea3
  2. #441fa3
  3. #a3441f
  4. #7ea31f

Persegi

  1. #1f7ea3
  2. #861fa3
  3. #a3441f
  4. #3ca31f

Monokromatik

  1. #071b22
  2. #134c63
  3. #1f7ea3
  4. #36abd9
  5. #76c6e5

Bayangan

#1f7ea3 dicampur bertahap dengan hitam.

  1. #1f7ea3
  2. #1c7193
  3. #196582
  4. #165872
  5. #134c62
  6. #103f52
  7. #0c3241
  8. #092631
  9. #061921
  10. #030d10
  11. #000000

Tint

#1f7ea3 dicampur bertahap dengan putih.

  1. #1f7ea3
  2. #358bac
  3. #4c98b5
  4. #62a5bf
  5. #79b2c8
  6. #8fbfd1
  7. #a5cbda
  8. #bcd8e3
  9. #d2e5ed
  10. #e9f2f6
  11. #ffffff

Nada

#1f7ea3 dicampur bertahap dengan abu-abu.

  1. #1f7ea3
  2. #297ea0
  3. #327e9c
  4. #3c7f99
  5. #467f95
  6. #507f92
  7. #597f8e
  8. #637f8b
  9. #6d8087
  10. #768084
  11. #808080

Teks mudah dibaca 4.59:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Teks mudah dibaca 4.57:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsia #757575 ≈ 0.003% pria
Akromatomali #5e798a ≈ 0.001% pria
Protanopia #6b7ca5 ≈ 1.01% pria
Deuteranopia #5a70a2 ≈ 1.27% pria
Tritanopia #00888a ≈ 0.0001% pria
Protanomali #567da4 ≈ 1.08% pria
Deuteranomali #4976a3 ≈ 4.63% pria
Tritanomali #008495 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-1f7ea3 {
  color: #1f7ea3;
}
Latar
.bg-1f7ea3 {
  background-color: #1f7ea3;
  color: #ffffff;
}
Garis tepi
.border-1f7ea3 {
  border: 2px solid #1f7ea3;
}
Variabel CSS
:root {
  --color-primary: #1f7ea3;
  --color-primary-rgb: 31 126 163;
  --color-primary-hsl: 197 68% 38%;
}
Gradien
.gradient-1f7ea3 {
  background: linear-gradient(135deg, #1f7ea3, #1f3ca3);
}
Bayangan berwarna
.shadow-1f7ea3 {
  box-shadow: 0 8px 24px rgb(31 126 163 / 0.35);
}

#007ba7 Cerulean ΔE 2.17 #367588 Teal Blue ΔE 6.42 #4682b4 Steel Blue ΔE 7.21 #5d8aa8 Air Force Blue ΔE 7.87 #006994 Sea Blue ΔE 8.03 #0095b6 Bondi Blue ΔE 8.61 #0072bb French Blue ΔE 9.29 #e0815c Terbalik #757575 Skala abu-abu 

Cerulean
#1f7ea3  rgb(31, 126, 163)  hsl(197, 68%, 38%)  Cerulean
#a3441f  rgb(163, 68, 31)  hsl(17, 68%, 38%)  Sienna
#a31f7e  rgb(163, 31, 126)  hsl(317, 68%, 38%)  Deep Plum
#7ea31f  rgb(126, 163, 31)  hsl(77, 68%, 38%)  Apple Green