ColorTool
Masuk
#FB7B45

#fb7b45 ≈ Coral

  • oranye
  • Kecerahan: tinggi
  • Saturasi: kuat
  • Hangat
Periksa kontras Jelajahi di grafik Warna acak

#fb7b45 adalah warna dari keluarga “oranye”, dengan kecerahan tinggi dan saturasi kuat. Dalam model RGB, warna ini terdiri dari 98,43% merah, 48,24% hijau, dan 27,06% biru; saat dicetak CMYK memakai 0% sian, 51% magenta, 72,51% kuning, dan 1,57% hitam. Sudut ronanya 17,8°, dengan saturasi 95,79% dan kecerahan 62,75% dalam HSL. Ini warna hangat yang sering dikaitkan dengan antusiasme, kehangatan, dan kreativitas. Desainer biasanya memakainya untuk tombol ajakan bertindak, dan merek makanan dan restoran. Teks hitam di atas warna ini mencapai rasio kontras 8,02:1 (WCAG AAA). Warna bernama terdekat adalah Coral (#ff7f50), ΔE 2,05.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #fb7b45
  2. #45c5fb

Komplementer terbelah

  1. #fb7b45
  2. #45fbd6
  3. #456afb

Analog

  1. #fb456a
  2. #fb7b45
  3. #fbd645

Triadik

  1. #fb7b45
  2. #45fb7b
  3. #7b45fb

Tetradik

  1. #fb7b45
  2. #c5fb45
  3. #45c5fb
  4. #7b45fb

Persegi

  1. #fb7b45
  2. #6afb45
  3. #45c5fb
  4. #d645fb

Monokromatik

  1. #a43304
  2. #ee4a05
  3. #fb7b45
  4. #fdb090
  5. #fee5db

Bayangan

#fb7b45 dicampur bertahap dengan hitam.

  1. #fb7b45
  2. #e26f3e
  3. #c96237
  4. #b05630
  5. #974a29
  6. #7e3e23
  7. #64311c
  8. #4b2515
  9. #32190e
  10. #190c07
  11. #000000

Tint

#fb7b45 dicampur bertahap dengan putih.

  1. #fb7b45
  2. #fb8858
  3. #fc956a
  4. #fca37d
  5. #fdb08f
  6. #fdbda2
  7. #fdcab5
  8. #fed7c7
  9. #fee5da
  10. #fff2ec
  11. #ffffff

Nada

#fb7b45 dicampur bertahap dengan abu-abu.

  1. #fb7b45
  2. #ef7c4b
  3. #e27c51
  4. #d67d57
  5. #ca7d5d
  6. #be7e63
  7. #b17e68
  8. #a57f6e
  9. #997f74
  10. #8c807a
  11. #808080

Teks mudah dibaca 2.62:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Teks mudah dibaca 8.02:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsia #a0a0a0 ≈ 0.003% pria
Akromatomali #cb9385 ≈ 0.001% pria
Protanopia #9e8e3f ≈ 1.01% pria
Deuteranopia #bdab42 ≈ 1.27% pria
Tritanopia #ff606f ≈ 0.0001% pria
Protanomali #ca8741 ≈ 1.08% pria
Deuteranomali #d99a43 ≈ 4.63% pria
Tritanomali #ff6c61 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-fb7b45 {
  color: #fb7b45;
}
Latar
.bg-fb7b45 {
  background-color: #fb7b45;
  color: #000000;
}
Garis tepi
.border-fb7b45 {
  border: 2px solid #fb7b45;
}
Variabel CSS
:root {
  --color-primary: #fb7b45;
  --color-primary-rgb: 251 123 69;
  --color-primary-hsl: 18 96% 63%;
}
Gradien
.gradient-fb7b45 {
  background: linear-gradient(135deg, #fb7b45, #fbd645);
}
Bayangan berwarna
.shadow-fb7b45 {
  box-shadow: 0 8px 24px rgb(251 123 69 / 0.35);
}

#ff7f50 Coral ΔE 2.05 #ff8243 Mango Tango ΔE 2.65 #e97451 Burnt Sienna ΔE 5.43 #ff7518 Pumpkin ΔE 5.92 #ff6347 Tomato ΔE 7.75 #ff4f00 International Orange ΔE 8.26 #d68a59 Raw Sienna ΔE 8.77 #0484ba Terbalik #a0a0a0 Skala abu-abu 

Coral
#fb7b45  rgb(251, 123, 69)  hsl(18, 96%, 63%)  Coral
#45c5fb  rgb(69, 197, 251)  hsl(198, 96%, 63%)  Deep Sky Blue
#45fb7b  rgb(69, 251, 123)  hsl(138, 96%, 63%)  Spring Green
#7b45fb  rgb(123, 69, 251)  hsl(258, 96%, 63%)  Majorelle Blue