ColorTool
Masuk
#286FDC

#286fdc ≈ Brandeis Blue

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

#286fdc adalah warna dari keluarga “biru langit”, dengan kecerahan sedang dan saturasi kuat. Dalam model RGB, warna ini terdiri dari 15,69% merah, 43,53% hijau, dan 86,27% biru; saat dicetak CMYK memakai 81,82% sian, 49,55% magenta, 0% kuning, dan 13,73% hitam. Sudut ronanya 216,33°, dengan saturasi 72% dan kecerahan 50,98% 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,78:1 (WCAG AA). Warna bernama terdekat adalah Brandeis Blue (#0070ff), ΔE 3,84.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #286fdc
  2. #dc9528

Komplementer terbelah

  1. #286fdc
  2. #dc3b28
  3. #c9dc28

Analog

  1. #28c9dc
  2. #286fdc
  3. #3b28dc

Triadik

  1. #286fdc
  2. #dc286f
  3. #6fdc28

Tetradik

  1. #286fdc
  2. #9528dc
  3. #dc9528
  4. #6fdc28

Persegi

  1. #286fdc
  2. #dc28c9
  3. #dc9528
  4. #28dc3b

Monokromatik

  1. #0f2d5c
  2. #1a4e9e
  3. #286fdc
  4. #6a9be7
  5. #acc7f1

Bayangan

#286fdc dicampur bertahap dengan hitam.

  1. #286fdc
  2. #2464c6
  3. #2059b0
  4. #1c4e9a
  5. #184384
  6. #14386e
  7. #102c58
  8. #0c2142
  9. #08162c
  10. #040b16
  11. #000000

Tint

#286fdc dicampur bertahap dengan putih.

  1. #286fdc
  2. #3e7de0
  3. #538ce3
  4. #699ae7
  5. #7ea9ea
  6. #94b7ee
  7. #a9c5f1
  8. #bfd4f5
  9. #d4e2f8
  10. #eaf1fc
  11. #ffffff

Nada

#286fdc dicampur bertahap dengan abu-abu.

  1. #286fdc
  2. #3171d3
  3. #3a72ca
  4. #4274c0
  5. #4b76b7
  6. #5478ae
  7. #5d79a5
  8. #667b9c
  9. #6e7d92
  10. #777e89
  11. #808080

Teks mudah dibaca 4.78:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Teks mudah dibaca 4.4:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsia #737373 ≈ 0.003% pria
Akromatomali #5d71a7 ≈ 0.001% pria
Protanopia #2b7be0 ≈ 1.01% pria
Deuteranopia #006bda ≈ 1.27% pria
Tritanopia #00899b ≈ 0.0001% pria
Protanomali #2a76de ≈ 1.08% pria
Deuteranomali #006ddb ≈ 4.63% pria
Tritanomali #0080b9 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-286fdc {
  color: #286fdc;
}
Latar
.bg-286fdc {
  background-color: #286fdc;
  color: #ffffff;
}
Garis tepi
.border-286fdc {
  border: 2px solid #286fdc;
}
Variabel CSS
:root {
  --color-primary: #286fdc;
  --color-primary-rgb: 40 111 220;
  --color-primary-hsl: 216 72% 51%;
}
Gradien
.gradient-286fdc {
  background: linear-gradient(135deg, #286fdc, #3b28dc);
}
Bayangan berwarna
.shadow-286fdc {
  box-shadow: 0 8px 24px rgb(40 111 220 / 0.35);
}

#0070ff Brandeis Blue ΔE 3.84 #0073cf True Blue ΔE 4.09 #4169e1 Royal Blue ΔE 4.12 #417dc1 Tufts Blue ΔE 5.51 #4166f5 Ultramarine Blue ΔE 6.27 #1560bd Denim ΔE 6.48 #0072bb French Blue ΔE 6.50 #d79023 Terbalik #737373 Skala abu-abu 

Brandeis Blue
#286fdc  rgb(40, 111, 220)  hsl(216, 72%, 51%)  Brandeis Blue
#dc9528  rgb(220, 149, 40)  hsl(36, 72%, 51%)  Gamboge
#dc286f  rgb(220, 40, 111)  hsl(336, 72%, 51%)  Razzmatazz
#6fdc28  rgb(111, 220, 40)  hsl(96, 72%, 51%)  Lime Green